node学习(一)

╰半橙微兮° 2023-01-03 14:07 188阅读 0赞

故心故心故心故心小故冲啊

--------------------

### 文章目录 ###

*  node学习(一)
 *   *  1.什么是node express koa
     *  2.交互方式
     *  3.创建简单的node服务
     *  4. 路由--请求接口
     *  5.中间件
     *  6.跨域处理

--------------------

# node学习(一) #

## 1.什么是node express koa ##

node是js在后端的一个运行时环境

express,koa是基于node的框架，能够快速构建web应用。

## 2.交互方式 ##

*  短链接 ajax axios  
    后端不能主动发消息  
    前端不断轮询，性能较差  
    前端发请求，后端才回请求
 *  长连接 websocket  
    全双工，前端和后端建立连接后，一直维持连接  
    没有请求  
    需要有心跳机制维护连接
 *  后端作用？  
    提供不同服务，如接口服务-http， 长连接服务-socket

## 3.创建简单的node服务 ##

*  提高自己的能力， 面试要求
 *  数据模拟 加速前端开发速度
 *  npm init -y 创建package.json文件
 *  安装依赖包  
    cnpm i -S express body-parser  
    express: 基于node的一个web框架  
    body-parser: 用于http请求中body的解析
 *  停止服务 ctrl+c 启动服务 node xxx.js

//require --node语法
    // 引入express框架
    var express = require("express");
    //用于http请求中body的解析
    var bodyParser = require("body-parser");
    
    //创建express实例
    var app = express();
    
    //配置bodyparser 固定写法
    app.use(bodyParser.json());//用来解析前端发的json数据
    app.use(bodyParser.urlencoded({ extended: true}))//用来解析前端发的表单数据
    
    
    // 定义一个接口 req --require请求 res --response响应
    app.get("/login",function(req,res){ 
          res.send("这是我服务端返回的数据")
    })
    
    //监听这个实例
    app.listen(3000,function(){ 
        console.log("服务已启动，端口3000.")

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxNTU1ODU0_size_16_color_FFFFFF_t_70]

[node中如何获取传过来的参数][node]

## 4. 路由–请求接口 ##

*  web框架都有路由 mvc  
    express+jade–前端模板，用于展示数据,类似于vue template  
    可以不同的请求地址router.get  
    在项目中可以将接口抽离封装。

//require --node语法
    // 引入express框架
    var express = require("express");
    //用于http请求中body的解析
    var bodyParser = require("body-parser");
    
    //创建express实例
    var app = express();
    //创建router实例
    var router = express.Router();
    
    //配置bodyparser 固定写法
    app.use(bodyParser.json());//用来解析前端发的json数据
    app.use(bodyParser.urlencoded({ extended: true}))//用来解析前端发的表单数据
    
    
    // 1.定义一个接口 req --require请求 res --response响应
    app.get("/login",function(req,res){ 
          res.send("这是我服务端返回的数据")
    })
    
    //2.通过路由的方式定义一个接口
    router.get("/love/gx",function(req,res){ 
        res.status(200).send("通过路由定义的接口")
    })
    //这里还需要添加路由
    app.use("/",router);
    
    //监听这个实例
    app.listen(3000,function(){ 
        console.log("服务已启动，端口3000.")
    })

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxNTU1ODU0_size_16_color_FFFFFF_t_70 1]

## 5.中间件 ##

*  实现原理 拦截器
 *  日志请求中间件，可以记录请求的地址，方法，时间等
 *  敏感词汇过滤中间件，可以过滤内容中敏感词汇

1.拦截所有接口

//require --node语法
    // 引入express框架
    var express = require("express");
    //用于http请求中body的解析
    var bodyParser = require("body-parser");
    
    //创建express实例
    var app = express();
    //创建router实例
    var router = express.Router();
    
    //日志中间件
    app.use(async (req, res, next) => { 
        console.log("1.日志中间件开始");
        await next();  //将会拦截所有接口
        console.log("2.日志中间件结束");
    })
    
    //配置bodyparser 固定写法
    app.use(bodyParser.json());//用来解析前端发的json数据
    app.use(bodyParser.urlencoded({  extended: true }))//用来解析前端发的表单数据
    
    
    // 1.定义一个接口 req --require请求 res --response响应
    app.get("/login", function (req, res) { 
        console.log("2.login接口");
        res.send("这是我服务端返回的数据")
    })
    
    //2.通过路由的方式定义一个接口
    router.get("/love/gx", function (req, res) { 
        console.log("2.lovegx接口");
        res.status(200).send("通过路由定义的接口")
    })
    //这里还需要添加路由
    app.use("/", router);
    
    //监听这个实例
    app.listen(3000, function () { 
        console.log("服务已启动，端口3000.")
    })

![在这里插入图片描述][20210108152735272.png]  
2.过滤传过来的敏感词汇

/* * @,@Author: ,: your name * @,@Date: ,: 2021-01-08 15:03:06 * @,@LastEditTime: ,: 2021-01-08 15:31:37 * @,@LastEditors: ,: Please set LastEditors * @,@Description: ,: In User Settings Edit * @,@FilePath: ,: \node\mynode.js */
    //require --node语法
    // 引入express框架
    var express = require("express");
    //用于http请求中body的解析
    var bodyParser = require("body-parser");
    
    //创建express实例
    var app = express();
    //创建router实例
    var router = express.Router();
    
    //日志中间件
    app.use(async (req, res, next) => { 
        console.log("1.日志中间件开始");
        if(req.query.content){ 
            req.query.content = req.query.content.replace('操','*');
        }
        await next();  //将会拦截所有接口
        console.log("3.日志中间件结束");
    })
    
    //配置bodyparser 固定写法
    app.use(bodyParser.json());//用来解析前端发的json数据
    app.use(bodyParser.urlencoded({  extended: true }))//用来解析前端发的表单数据
    
    
    // 1.定义一个接口 req --require请求 res --response响应
    app.get("/login", function (req, res) { 
        console.log("2.login接口");
        res.send(req.query.content)
    })
    
    //2.通过路由的方式定义一个接口
    router.get("/love/gx", function (req, res) { 
        console.log("2.lovegx接口");
        res.status(200).send("通过路由定义的接口")
    })
    //这里还需要添加路由
    app.use("/", router);
    
    //监听这个实例
    app.listen(3000, function () { 
        console.log("服务已启动，端口3000.")
    })

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxNTU1ODU0_size_16_color_FFFFFF_t_70 2]

## 6.跨域处理 ##

[跨域详情][Link 1]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxNTU1ODU0_size_16_color_FFFFFF_t_70]: /images/20221119/66d035cac7994373968233ecee058c92.png
[node]: https://blog.csdn.net/qq_41555854/article/details/109285964
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxNTU1ODU0_size_16_color_FFFFFF_t_70 1]: /images/20221119/d7b3cfa8661140aba194bcc2f518571e.png
[20210108152735272.png]: /images/20221119/73f5bfe112814a31a324e3bb5ee906bd.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxNTU1ODU0_size_16_color_FFFFFF_t_70 2]: /images/20221119/5ef05ab00d024e319a814d4b366b6415.png
[Link 1]: https://blog.csdn.net/qq_41555854/article/details/109290115