新一代Node中间层开发模式

水深无声 2023-02-20 08:13 4阅读 0赞

Node中间层—淘宝  
PHP中间层—Facebook

## 开发模式的演变 ##

**MVC模式**  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MDk3MDk4Nw_size_16_color_FFFFFF_t_70]  
弊端：前后端不分离，后端压力过大  
**MVVM模式**  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MDk3MDk4Nw_size_16_color_FFFFFF_t_70 1]  
优点：前后端分离  
弊端：  
1、浏览器（客户端）压力过大，浏览器CPU占用过大  
2、不利于SEO，页面都是由JS生成，SEO检测的是HTML  
3、直接暴露接口，存在安全风险  
**Node中间层模式**  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MDk3MDk4Nw_size_16_color_FFFFFF_t_70 2]  
优点：既满足了前后端分离，也减轻了客户端压力，还有利于SEO

## 技术选型 ##

**Node框架选型**  
Express、Koa（简化的express）、egg（企业级node开发框架，适用于全站项目）  
**视图模板选型**  
ejs、pug（jade）、art-template  
[ejs语法][ejs]

## 中间层搭建（express+ejs） ##

**目录结构**  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MDk3MDk4Nw_size_16_color_FFFFFF_t_70 3]  
app.js文件

const express =require("express");
    const app = express();
    //中间件
    const router = require("./src/router/router.js");
    //引入body-parser接收post请求的数据 安装：npm install body-parser --save
    var bodyParser = require('body-parser');
    //中间件使用body-parser
    app.use(bodyParser.urlencoded({  extended: false }))
    app.use(bodyParser.json())
    //静态目录设置
    app.use(express.static("./static"))
    const ejs = require("ejs");
    app.set("view engine","ejs");
    app.set("views", "./src/views");
    app.use("/",router);
    app.listen(3300);

router.js文件

const express = require("express");
    const router = express.Router();
    const index = require("./controll/index.js");
    router.get("/",index);
    module.exports = router;

index.js文件

server.js文件

效果：  
![在这里插入图片描述][20200625181503811.png]

## 中间层拓展 ##

**1、利用pm2（node应用程序管理工具）做集群**

安装
    npm install pm2 -g
    启动（4代表开启4个进程）
    pm2 start app.js -i 4

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MDk3MDk4Nw_size_16_color_FFFFFF_t_70 4]  
这样，前端就可以根据高的访问，先去做一个分流处理，然后后端再做一次缓压处理，则能够很好的解决高并发。  
**2、利用nginx做负载均衡**  
**3、静态html、redis减少请求，减轻服务器压力**  
[redis教程][redis]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MDk3MDk4Nw_size_16_color_FFFFFF_t_70]: https://img-blog.csdnimg.cn/20200625145739949.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MDk3MDk4Nw==,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MDk3MDk4Nw_size_16_color_FFFFFF_t_70 1]: https://img-blog.csdnimg.cn/20200625151004787.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MDk3MDk4Nw==,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MDk3MDk4Nw_size_16_color_FFFFFF_t_70 2]: https://img-blog.csdnimg.cn/20200625150629451.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MDk3MDk4Nw==,size_16,color_FFFFFF,t_70
[ejs]: https://www.w3cschool.cn/weflow/weflow-ejs.html
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MDk3MDk4Nw_size_16_color_FFFFFF_t_70 3]: https://img-blog.csdnimg.cn/20200625181044581.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MDk3MDk4Nw==,size_16,color_FFFFFF,t_70
[20200625181503811.png]: https://img-blog.csdnimg.cn/20200625181503811.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MDk3MDk4Nw_size_16_color_FFFFFF_t_70 4]: https://img-blog.csdnimg.cn/20200625175933327.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MDk3MDk4Nw==,size_16,color_FFFFFF,t_70
[redis]: https://www.runoob.com/redis/redis-tutorial.html