基于nodejs的express常用模块介绍及使用

分手后的思念是犯贱 2023-02-19 15:20 25阅读 0赞

# 常用模块安装 #

**基于express项目中需要另外引入的模块，其他的在我们创建项目时自动添加的我这里就没介绍**

# i是install的缩写，删除时可以使用un代替i，un既是uninstall的缩写
    npm i express-generator -g # 安装全局express脚手架
    express xxx -e # 创建基于.ejs的项目
    
    npm i -g nodemon            # 这个安装为全局，用来解决实时刷新页面，实现node服务器与数据库服务器的重启
    
    npm i multer                # 安装编写上传文件接口需要的模块
    
    npm i bcryptjs              # 安装密码加密需要的模块
    
    npm i jsonwebtoken          # 安装服务器端传送token需要的模块
    
    npm i express-jwt           # 安装验证token存不存在需要的模块
    
    npm i cors                  # 安装服务器端解决跨域需要的模块
    
    npm i moment                # 安装日期格式化需要的模块
    
    npm i mongoose              # 安装使用mongoDB数据库需要的模块
    
    npm i body-parser           # 安装解决上传文件大小受限需要的模块
    
    npm i cheerio               # 实现服务器端操作DOM
    
    # 非常常用，内部封装了ajax，通常也是用来发送四种方式的请求，
    # get，post，put，delete(这种方式没有数据，只有一个参数url，传参时要在url后面进行拼接)
    npm i axios

# 常用模块介绍及使用 #

## nodemon ##

**在node环境中，改变js文件要重新执行页面才会有变化。  
nodemon是监听nodejs代码变化的工具，会自动完成node服务器与数据库服务器的重启**  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTAwMDgxNA_size_16_color_FFFFFF_t_70]  
**使用如上图，就是在`package.json`文件中的scripts对象中加上`"serve": "nodemon ./bin/www"`，这段代码的对象名是自己命名的，运行时就执行`npm run serve`这个命令就可以了，其实执行的就是后面的这个对象值，我们直接输入`nodemon ./bin/www`也可以运行程序。**

## multer ##

**Multer 是一个 node.js 中间件，用于处理 multipart/form-data 类型的表单数据，它主要用于上传文件。它是写在 busboy 之上非常高效。  
Multer 只会处理 multipart/form-data 类型的表单数据。服务器端写接口具体用法如下：**

**前端需要通过这个接口先把formdata中存储的文件数据信息传送过来，前端只能发送formdata类型的数据，因为multer只会处理 multipart/form-data 类型的表单数据**

## bcryptjs ##

**bcryptjs是一个第三方密码加密库，是对原有bcrypt的优化，优点是不需要安装任何依赖，用法如下：**

const bcrypt = require('bcryptjs'); // 引入密码加密模块
    
    bcrypt.hashSync(params); # 使用这个方法对前端传过来的密码进行同步加密处理，里面的参数就是前端传来的密码数据
    
     # 验证密码是否相同，第一个参数是传过来的密码，第二个是数据库存的密码
    var isValidate = bcrypt.compareSync(params, params1);

## jsonwebtoken ##

**jwt 全称是Json Web Token，它是一种数据加密技术，是目前比较流行的令牌数据加密方案，服务器端可以返回给前端一个token用作以后的判断，用法如下：**

const jwt = require('jsonwebtoken'); # 首先引入创建token的模块
    
    # 第一个是把什么数据当作token，是个对象，第二个是密钥，自己设定，第三个是token过期时间，也是自己设定
    # 10h就是十个小时，1day就是一天
    # sign是生成token
    const token = jwt.sign({ params}, tokenKey,
         { 
             expiresIn: '10h'
         });
    
    # 解析token，返回值是token数据对象，第一个参数是前端传来的token，第二个参数是自己设置的密钥，
    # 如果之前设置token数据用的是id，那么通过tokenData.id就可以取到设置token用的id值
    const tokenData = jwt.verify(authorization, tokenKey);

## express-jwt ##

**express-jwt是nodejs的一个中间件，他来验证指定http请求的JsonWebTokens的有效性，如果有效就将JsonWebTokens的值设置到req.user里面，然后路由到相应的router。 此模块允许您使用Node.js应用程序中的JWT令牌来验证HTTP请求。 JWT通常用于保护API端点。**

**express-jwt内部引用了jsonwebtoken，对其封装使用。 在实际的项目中这两个都需要引用，他们两个的定位不一样。jsonwebtoken是用来生成token给客户端的，express-jwt是用来验证token的。**

**用法如下：**

# 引入token验证模块，用来在express中验证jwt有没有存在
    const jwtMiddle = require('express-jwt');
    
    # 查看和修改用户信息时需要验证密钥,这样执行下面的路由查找时都要先验证token,token不存在就不会执行下面编写的路由，因此在express脚手架中通常写在路由封装的文件中即创建项目自动生成的app.js文件
    app.use(
      jwtMiddle({ 
        secret: tokenKey,
      })
    );
    
    app.use('/api/userMsg', require('./routes/api/userMsg'));

## cors ##

**cors是后端即服务器端常用来解决跨域的一种方式，具体介绍及使用可以参考[nodejs中解决跨域方法][nodejs]**

## moment ##

**用来解析建数据库时自动生成的日期，用于日期格式化，可以查看moment.js插件文档**

**用法如下：**

# 主路由引入才可以在html页面中利用方法进行日期格式化，
    app.locals.moment = require('moment')
    
    # 但是如果不是在页面中直接使用方法，就是在哪使用在哪引入文件
    const moment = require('moment')
    
    # 第一个参数是传进的时间数据，format是把传进的时间格式化成什么类型的，这里是2020-10-03 4：34：34这种类型的，这是常用的方法
    moment(v).format('YYYY-MM-DD h:mm:ss')

## mongoose(数据库模块) ##

**Mongoose是在node.js异步环境下对mongodb进行便捷操作的对象模型工具**

**用法如下：**

## body-parser ##

**body-parser是一个HTTP请求体解析的中间件，使用这个模块可以解析JSON、Raw、文本、URL-encoded格式的请求体,用这个模块可以改变express框架默认的上传文件大小1Mb**

**具体使用参看[上传文件大小受限的解决办法][Link 1]**

## cheerio ##

**cheerio是jquery核心功能的一个快速灵活而又简洁的实现，主要是为了用在服务器端需要对DOM进行操作的地方**

var cheerio = require('cheerio'),
    
    # 这样就像在使用jQuery的$方法
    $ = cheerio.load('<h2 class = "title">Hello world</h2>');
    
    $('h2.title').text('Hello there!');
    $('h2').addClass('welcome');
    
    $.html();
    # => <h2 class = "title welcome">Hello there!</h2>

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTAwMDgxNA_size_16_color_FFFFFF_t_70]: https://img-blog.csdnimg.cn/20200621113354817.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTAwMDgxNA==,size_16,color_FFFFFF,t_70
[nodejs]: https://blog.csdn.net/weixin_45000814/article/details/106841193
[Link 1]: https://blog.csdn.net/weixin_45000814/article/details/106825878