因工作需要,打造一个前端监控系统,公司后端又非常的忙碌,于是就决定自己撸起袖子,纯前端加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应用,创建好后记得安装依赖喔~
二、安装MySql工具和安装链接MySql的依赖
1、安装MySql的工具
由于本人之前学习过php,习惯用phpStudy搭建的php环境和MySql数据库,所以就用phpStudy搭建MySql数据库了。
phpStudy下载官网:点我
下图是我安装好的phpStudy和这个工具安装的mySql,数据库界面化用的是phpMyAdmin4.8.5,在phpStudy工具安装即可。
当然你也可以用其它工具,看个人的习惯和公司里的工作背景
2、安装链接MySql的依赖
在第一步创建的基于Express应用里安装链接MySql的依赖
输入命令:npm mysql
安装好这个依赖后就可以写代码链接数据库了!
三、链接MySql数据库
链接之前先创建好一个数据库,再建立好表,下图是我在数据库里创建用于测试的数据库
在创建的应用里创建一个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请求四种数据格式借鉴资料地址:
现在代码就已经准备完毕了,如有疏漏,请加QQ群 259280570
五、测试
1、启动服务。
在刚创建应用目录下,打开cmd或者git命令窗,执行命令: node serve
启动成功后就可以看见下图展示:
可能会出现的问题,例如数据库链接失败,那么得看看sql.js里的数据库帐号密码地址端口是否正确,是否有打开数据库环境!
2、测试接口
我是在apiPost这个工具上测试的,测试的例图如下:
点击发送后,打开数据库刷新,就有刚才测试的数据了!