使用pm2管理node应用部署站点

项目上线相关配置

1、通过node创建web服务器

创建node项目，并安装express，通过express快速创建web服务器，将vue、react、angular打包生成的dist文件夹，托管为静态资源即可。

1. 创建文件夹：vue_express_server

2. 进入文件夹初始化包管理配置文件：npm init -y

3. 安装express：npm i express -S

4. 新建app.js，代码如下：

   const express = require('express')
   
   // 创建web服务器
   const app = express()
   
   // 托管静态文件
   app.use(express.static('./dist'))
   
   // 监听web服务器
   app.listen(80, () => {
       console.log('web server running at http://127.0.0.1')
   })
   

5. 在项目根目录下新建dist目录，将打包的静态资源复制到dist目录下

6. 启动express web服务器 node app.js
   7. 浏览器地址访问 http://127.0.0.1/ 即可

2、开启gzip压缩配置

• 使用gzip可以减小文件体积，使传输速度更快。

• 可以通过服务器端使用Express做gzip压缩，其配置如下：

  // 安装相应包
  npm install compression -D
  // 导入包
  const compression = require('compression')
  // 启用中间件  一定要把这行代码写到静态资源托管之前，否则不生效
  app.use(compression())
  

  开启gzip压缩前：
  
  开启gzip压缩后：
  

3、配置https服务

为什么要启动HTTPS服务？

• 传统的HTTP协议传输的数据都是明文，不安全
• 采用HTTPS协议对传输的数据进行了加密处理，可以防止数据被中间人窃取，使用更安全

配置HTTPS服务：

• 申请SSL证书（https://freessl.org）
• https://freessl.cn/ (官网)

4、使用pm2管理应用

1. 在服务器中安装pm2：npm i pm2 -g
2. 启动项目：pm2 start 脚本 --name 自定义名称
3. 查看运行项目：pm2 ls
4. 重启项目：pm2 restart 自定义名称
5. 停止项目：pm2 stop 自定义名称
6. 删除项目：pm2 delete 自定义名称

启动项目：