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

Loading......

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

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

解决异步请求问题

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

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();
      });
  });
};

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

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

main();

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

 

app.js详细代码:

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();

 

未完待续......

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值