全栈开发之使用nodejs半小时搭建一个后端项目

一时失言乱红尘 2022-11-12 02:53 197阅读 0赞

**   1.选择框架   **

轻简，易上手就推荐eggjs，github上star16.8k（https://eggjs.org/zh-cn/intro/）一般中小项目都能满足，开发学习成本基本是0，相关特性可以去网站上查看。

**   2.在项目中的整体使用及涉及的软件   **

1.前端代码可以任意，用vue或者react，或者写app、小程序。

2.数据库连接软件用 Navicat Premium 15（下载安装：https://www.jb51.net/article/199496.htm）

3.服务器操作就用Xshell（

链接：https://pan.baidu.com/s/1gEY9wC36NDcXuewhhREl3Q

提取码：qsrl）

备注：如果本地玩玩就运行在本地就好，否则就需要入坑服务器作镜像部署（后续出文），如果需要正儿八经搭建一个项目，还要购买域名，进行解析（后续出文），如果要做小程序还得ssl证书装起来，证书可在阿里云上免费使用，ssl部署可参考我之前文章

## [http协议的网站装ssl升级成https][http_ssl_https] 和 ##

## [（二）http协议的网站装ssl升级成https][http_ssl_https 1] ##

**   3.配置流程  **

1.创建文件夹并初始化egg项目（手动或者命令行创建文件）

$ mkdir egg-example && cd egg-example$ npm init egg --type=simple$ npm i

2.项目配置及启动项目（是不是类似于vue的文件配置）

![图片][ca6f6f7947b92dd210d1e37b7679d1a4.png]

A.看config->config.default.js

![图片][ed5f6e276194055a3dd0ef4c290e1447.png]

![图片][a473548a6eba38a6de2595c331834e7e.png]

B.开始启动项目：

npm run dev

**   4.开始第一个接口  **

案例：根据手机号查询用户信息。前提：用Navicat Premium 15创建并连接一个数据库->然后创建一个user表，并设计字段：id和mobile，然后手动添加一条

![图片][6a642067de61514d22daad5cf37fdbc0.png]

A.controller控制层（参数是手机号，返回是用户信息）首先建立一个user.js

定义一个类class：

![图片][8e11a9aaa3958ef748946b4a94223371.png]

输出：

![图片][61d0724285fe6a41f92c07d791fa3308.png]

具体内容：

async getUserByMobile() {
           const ctx = this.ctx;    const mobile = ctx.query.mobile||ctx.request.body.mobile;    const user = await ctx.service.user.getUserByMobile(mobile);    ctx.body = {
             code: 0,      msg: '查询成功',      data: user    }  };

B.service服务层 =>首先建立一个user.js

定义一个class类：

![图片][ce290e714fbc6a58f7e99b502af2ebd6.png]

最后输出：

![图片][36de7ea43fc8ca553a5702d3d91c4bf5.png]

内容如下：

/** * 服务层 用户 * 查找数据库两种方式 * .get("user",{id:1}) * .select("user",{     where:{id:1}    })  *  增加一条数据  * .insert("user",{username:"lisi",password:"1234"})   * 修改数据两种方式  * 根据主键id修改username update('user',{ id:2, username:'赵四' });  * 通过sql语句来修改数据.query('update user set username = ? where id = ?',["王五",2]);  * 删除数据.delete('user',{ id:3 });  * 执行sql语句this.app.mysql.query(sql,values);  * SELECT 查询(操作类型：SELECT查询，UPDATE更新，DELETE删除)  FROM 来自后边跟数据表名  WHERE 后跟条件 * 操作服务器的用户表*/async getUserByMobile(mobile) {
           const user=await this.app.mysql.get('user',{mobile:mobile})    return user;  };

C.router.js=>输出路由（get请求就用router.get，新增修改删除就用post）

![图片][38a61207f53783ffe3980078ce8b31c2.png]

D.好了，本地试试访问：127.0.0.1:7001/user/getUserByMobile?mobile=15648554554

**   5.部署线上服务器 **

A.服务器上安装node（https://blog.csdn.net/qq\_42808052/article/details/109034096）

B.服务器上安装数据库（https://blog.csdn.net/weixin\_44544678/article/details/108282258）

C.修改config=》config.default.js服务器连接地址及修改127.0.0.1为0.0.0.0参考刚开始的配置图。

D.部署把代码拖上来然后用Xshell进入到配置下进行重启(httpd -k restart)或者关闭再启动（httpd -k stop关闭 然后httpd -k start启动）

cd /usr/binhttpd -k restart

![图片][70c4a602d705a143d36abbcca1c490cc.png]

[http_ssl_https]: http://mp.weixin.qq.com/s?__biz=MzIzMzc2NDY2OQ==&mid=2247484002&idx=1&sn=cbf0ef3a626ca882deaf6a07c175de0c&chksm=e881e030dff66926f85851172a0b2dc74e755d5b63cf8aa2758f8bd255a4d8a092a895a429bb&scene=21#wechat_redirect
[http_ssl_https 1]: http://mp.weixin.qq.com/s?__biz=MzIzMzc2NDY2OQ==&mid=2247484023&idx=1&sn=581666526a6334eb9a52d8d3d27c1836&chksm=e881e025dff66933da271fdee9f19636d1616ab2d9bc3e5edca5c609ba98a77eace0418b2934&scene=21#wechat_redirect
[ca6f6f7947b92dd210d1e37b7679d1a4.png]: /images/20221022/3a99ded1d9ab4dc3a6ed9df7f52d7132.png
[ed5f6e276194055a3dd0ef4c290e1447.png]: /images/20221022/49a66953364c42a586d99c19be4a52a5.png
[a473548a6eba38a6de2595c331834e7e.png]: /images/20221022/2424dc0944d349bbab5608e30399012a.png
[6a642067de61514d22daad5cf37fdbc0.png]: /images/20221022/0686c94254e74b51bb22b7b262a836eb.png
[8e11a9aaa3958ef748946b4a94223371.png]: /images/20221022/1f83e11bf3ff47c1952cc4995ad64e0f.png
[61d0724285fe6a41f92c07d791fa3308.png]: https://img-blog.csdnimg.cn/img_convert/61d0724285fe6a41f92c07d791fa3308.png
[ce290e714fbc6a58f7e99b502af2ebd6.png]: https://img-blog.csdnimg.cn/img_convert/ce290e714fbc6a58f7e99b502af2ebd6.png
[36de7ea43fc8ca553a5702d3d91c4bf5.png]: https://img-blog.csdnimg.cn/img_convert/36de7ea43fc8ca553a5702d3d91c4bf5.png
[38a61207f53783ffe3980078ce8b31c2.png]: https://img-blog.csdnimg.cn/img_convert/38a61207f53783ffe3980078ce8b31c2.png
[70c4a602d705a143d36abbcca1c490cc.png]: https://img-blog.csdnimg.cn/img_convert/70c4a602d705a143d36abbcca1c490cc.png