react 项目--博客系统 (六)

news/2024/7/15 17:12:46 标签: react.js, 服务器, javascript

Loading......

下面我们针对上一篇文章数据库与服务器连接进行进一步的优化,我们在真实的项目开发中一都是数据库先建立连接,然后才是服务器端响应,而在上一篇中,由于异步请求问题导致服务器端相应完成后数据库端才建立连接(如下图);

这样会使用户在服务器相应完全是得不到数据,针对这一情况进行优化;

解决异步请求问题

首先我们先利用两个函数把 数据库服务 及 node服务 进行封装;具体操作如下:

javascript">const dbConnection = async () => {
  return new Promise(async (resolve, reject) => {
    try {
      await sequelize.authenticate();
      console.log("mysql Connection successful !!! ");
      resolve();
    } catch (error) {
      console.error("Unable to connect to the database:", error);
      reject(error);
    }
  });
};
javascript">const initServer = async () => {
  return new Promise((resolve, reject) => {
    const PORT = process.env.PORT || 8080;
    app
      .listen(PORT, () => {
        console.log(`running http://localhost:${PORT}`);
        resolve();
      })
      .on("error", (error) => {
        console.log("error");
        reject();
      });
  });
};

封装完毕后再构建一个主函数,在主函数中先调用 数据库服务 再调用 node服务 ,最后再调用这个主函数,这样在执行过程中就会按调用的先后顺序依次执行;

javascript">const main = async () => {
  //启动数据库服务
  await dbConnection();
  //启动 node 服务
  await initServer();
};

main();

这样在终端再启动服务,就会解决异步请求的问题;

 

app.js详细代码:

javascript">require("dotenv").config({ path: ".env" });

const express = require("express");
const app = express();

const { Sequelize } = require("sequelize");

const sequelize = new Sequelize(
  process.env.DB_NAME,
  process.env.DB_USERNAME,
  process.env.DB_PASSWORD,
  {
    dialect: process.env.DB_DIALECT,
    host: process.env.DB_HOST,
    port: process.env.DB_PORT,
    logging: false,
  }
);

const dbConnection = async () => {
  return new Promise(async (resolve, reject) => {
    try {
      await sequelize.authenticate();
      console.log("mysql Connection successful !!! ");
      resolve();
    } catch (error) {
      console.error("Unable to connect to the database:", error);
      reject(error);
    }
  });
};

const initServer = async () => {
  return new Promise((resolve, reject) => {
    const PORT = process.env.PORT || 8080;
    app
      .listen(PORT, () => {
        console.log(`running http://localhost:${PORT}`);
        resolve();
      })
      .on("error", (error) => {
        console.log("error");
        reject();
      });
  });
};

const main = async () => {
  //启动数据库服务
  await dbConnection();
  //启动 node 服务
  await initServer();
};

main();

 

未完待续......


http://www.niftyadmin.cn/n/640913.html

相关文章

低成本两台服务器备份,SQL SERVER数据库镜像(二)

承接上文《异地(公网)数据库容灾,SQL SERVER互联网自动备份,SQL SERVER数据库镜像》说到我们已经备份并到镜象服务器里还原了数据库,接下一来我们就要把主服务器和镜象服务器连接起来,这里我们使用证书进行连接,我这里…

编译icedTea-web报错填坑之旅

编译环境windows cygwin64&#xff0c;gitlab上clone的代码不能编译通过&#xff0c;而本地提交到gitlab的代码可以通过&#xff0c;报错信息指向automake-1.15 错误1 Unescaped left brace in regex is illegal here in regex; marked by <-- HERE in m/${ <-- HERE ([^…

redux学习笔记——初识redux

1. redux是什么&#xff1f; 2013年facebook提出了facebook这一框架概念&#xff0c;而redux是flux的一种实现&#xff0c;将flux与函数式编程结合在一起的一个前端框架。 flux是一个对数据流管理更加严格的MVC框架&#xff0c;其基本原则是单向数据流&#xff1b; redux在此基…

react 项目--博客系统 (七)

Loading...... 接上一篇文章&#xff0c;我们在真实项目开发的过程中&#xff0c;如果把所有代码全写在一起&#xff0c;那么会导致最终呈现效果十分混乱&#xff0c;所以我们一般都会进行模块化的抽离&#xff0c;使项目在后期修改维护更加的方便。 首先在根目录 backend 下…

Cisco实用命令笔记(适合网管)

1. IP和MAC地址绑定网上资料很多&#xff0c;但多是转载。访问控制列表有点复杂&#xff0c;而端口绑定对我们又没必要&#xff0c;我们只是想防止别人盗用他人有外网权限的IP地址上网&#xff0c;所以我们只是用了以下命令&#xff1a;6509-1&#xff08;config&#xff09;# …

从ajax到fetch

Ajax 是什么&#xff1f;答&#xff1a;Ajax是一种可以在浏览器和服务器之间使用异步数据传输&#xff08;HTTP请求&#xff09;的技术。使用它可以让页面请求少量的数据&#xff0c;而不用刷新整个页面。而传统的页面&#xff08;不使用Ajax&#xff09;要刷新部分内容&#x…

十六、线程

写多线程的两种方法 (多线程) 之前写的程序都是单线程的(只有一条执行路径) 1.public class Helloworld1 { //第一种方法(实现Runnable接口)更好&#xff0c;能继承&#xff0c;又能实现尽量实现(实现了之后&#xff0c;还能继承) public stat…

微服务网关Zuul迁移到Spring Cloud Gateway

背景 在之前的文章中&#xff0c;我们介绍过微服务网关Spring Cloud Netflix Zuul&#xff0c;前段时间有两篇文章专门介绍了Spring Cloud的全新项目Spring Cloud Gateway&#xff0c;以及其中的过滤器工厂。本文将会介绍将微服务网关由Zuul迁移到Spring Cloud Gateway。 Sprin…