教你用 pm2 快速部署前端项目

0x00 前言

前端部署项目到测试环境，简单粗暴的直接用 gulp 来写，详细流程可以看我总结的文档：
前端代码部署

pm2 大家应该都知道，主要是用来管理 node 进程，但是同样可以用来部署前端代码。

目前 pm2 已经商业化，免费版叫 pm2 runtime

0x01 步骤

全局安装 pm2

$ sudo npm i pm2 -g

同时服务器上也需要全局安装 pm2

配置SSH

首先需要生成 SSH 密钥，用来连接服务器

ssh-keygen -t rsa
ssh-copy-id -i path/to/my/key your_username@server.com

也可以手动添加 public key 到服务器上的 ~/.ssh/authorized_keys

pm2 配置文件

在项目根目录下新建 ecosystem.config.js

module.exports = {
  apps: [{
    name: "app",
    script: "app.js"
  }],
  deploy: {
    // "production" 是环境名称
    production: {
      // SSH key 路径
      key: `${process.env.HOME}/.ssh/your-privite.key`,
      // SSH 用户
      user: "www",
      // SSH 端口
      host: ["your.remote.server"],
      // SSH 配置
      ssh_options: "StrictHostKeyChecking=no",
      // GIT 远程分支
      ref: "origin/master",
      // GIT 仓库
      repo: "git@github.com:username/repository.git",
      // 服务器部署路径
      path: "/var/www/my-repository",
      // 安装后置任务
      'post-setup': "npm install",
      // 部署后置任务
      'post-deploy': "npm run build",
    },
  }
}

由于 pm2 是用来部署 node 代码的，需要提供一个 js 文件用来执行，上面配置文件制定了项目根目录下的 app.js

里面写一行 log 即可

console.log('app is running')

首次部署配置

$ pm2 deploy production setup

从上面配置文件可知，setup 完成后会执行 npm install

首次部署后 pm2 会在执行文件夹（配置文件中的path) 生成三个文件夹

current - 当前版本代码，可以配置为 nginx 指向，也是 git repo
shared - 里面有log 和pid 等信息
source - git 拉下来的代码

一些部署命令

# 首次部署命令
pm2 deploy production setup

# 非首次部署命令
pm2 deploy production update

# 回退一个版本
pm2 deploy production revert 1

# 远程执行服务器命令
pm2 deploy production exec "pm2 reload all"

链接

官方 ssh 部署说明

本文由 savokiss 创作，采用知识共享署名4.0 国际许可协议进行许可
本站文章除注明转载/出处外，均为本站原创或翻译，转载前请务必署名
最后编辑时间为: Sep 21, 2018 at 02:18 pm