记录:Node + Express +Mysql 创建后端接口

1,343 阅读2分钟

因工作需要,打造一个前端监控系统,公司后端又非常的忙碌,于是就决定自己撸起袖子,纯前端加mySql打造这系统,方便监控前端的性能、事件、错误等等;这篇文章则是记录如何用Node + Express +Mysql 创建后端接口!

本人电脑的环境:

前端(服务端):Node(14.17.5)、Npm(6.14.14)、Express(4.16.1)

后端(数据库):MySql(5.7.26)

好,环境介绍完毕,那么接下来就是如何用Node + Express +Mysql 创建后端接口了。

一、创建Express的应用

详细教程点击:点我

下图是我创建好基于Express的test应用,创建好后记得安装依赖喔~

1.jpg

二、安装MySql工具和安装链接MySql的依赖

1、安装MySql的工具

由于本人之前学习过php,习惯用phpStudy搭建的php环境和MySql数据库,所以就用phpStudy搭建MySql数据库了。

phpStudy下载官网:点我

下图是我安装好的phpStudy和这个工具安装的mySql,数据库界面化用的是phpMyAdmin4.8.5,在phpStudy工具安装即可。

当然你也可以用其它工具,看个人的习惯和公司里的工作背景

2.jpg

2、安装链接MySql的依赖

在第一步创建的基于Express应用里安装链接MySql的依赖

输入命令:npm mysql

安装好这个依赖后就可以写代码链接数据库了!

三、链接MySql数据库

链接之前先创建好一个数据库,再建立好表,下图是我在数据库里创建用于测试的数据库

3.jpg

在创建的应用里创建一个utils文件夹,在这个文件夹创建一个sql.js(名称看个人习惯和工作背景)

代码如下:

然后再创建一个utils.js,里面放一些常用的函数,本记录就写了一个创建32位随机数,用于数据库的id测试

代码如下:

// 创建随机数
exports.randomNumber = function (length = 32) {
    let str = 'abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ'
    str += '0123456789'
    let _str = ''
    for (let i = 0; i < length; i++) {
        var rand = Math.floor(Math.random() * str.length)
        _str += str[rand];
    }
    return _str
}

现在准备工作已经就绪了,就可以写在前端里使用的接口了

四、创建接口

在应用根目录下创建一个serve.js文件,serve.js的代码如下:

注意:body-parser重中之重,它用来接收post的application/json格式

node.js依赖express解析post请求四种数据格式借鉴资料地址:

www.jianshu.com/p/606802e40…www.cnblogs.com/jkingdom/p/…

现在代码就已经准备完毕了,如有疏漏,请加QQ群 259280570

五、测试

1、启动服务。

在刚创建应用目录下,打开cmd或者git命令窗,执行命令: node serve

启动成功后就可以看见下图展示:

4.jpg

可能会出现的问题,例如数据库链接失败,那么得看看sql.js里的数据库帐号密码地址端口是否正确,是否有打开数据库环境!

2、测试接口

我是在apiPost这个工具上测试的,测试的例图如下:

5.png

点击发送后,打开数据库刷新,就有刚才测试的数据了!

微信图片_20220527145903.png