使用node命令自动部署服务

github pages部署#

github的部署已经有deploy脚本，可以输入yarn deploy命令直接部署。

服务器部署#

想从本地部署服务器，需要几个步骤：

1. 连接服务器 使用ssh2-sftp-client

   1
    const config = {
   2
      host: '43.140.252.63', // 服务器地址
   3
      remoteStatic: '/usr/local/tomcat/webapps/ROOT/dist.tar.gz', // 需要上传到服务器的目录
   4
      port: "22", // 端口
   5
      username: "root", // root
   6
      password: "", // 密码 执行脚本时传入 node xxx/upload.js password
   7
      localStatic: path.join(__dirname, '../../.vitepress/dist.tar.gz'), // tar.gz存在的目录
   8
    };
   9
   // index.js
   10
    const Client = require("ssh2-sftp-client");
   11
    const config = require("./config");
   12
   
   13
    sftp
   14
      .connect(config)
   15
      .then(() => {
   16
        console.log(success("sftp连接成功"));
   17
        ...
   18
      })

   展开收起

2. 上传打包后的文件

   • 首先判断dist目录是否存在

   • 如果存在，压缩后再传入（dist文件太多，传输太慢）

     1
     if (fs.existsSync(options.localStatic)) {
     2
        console.log(success("开始上传压缩文件"));
     3
        return sftp.put(options.localStatic, options.remoteStatic);
     4
      } else if (fs.existsSync(baseDir)) {
     5
        isDist = true;
     6
        console.log(success("压缩文件不存在，开始上传dist目录"));
     7
        return sftp.uploadDir(baseDir, options.remoteStatic.slice(0, -12));
     8
      }

   • 上传完成，使用ssh2进行远程命令解压

     1
     ...
     2
      const { Client } = require("ssh2");
     3
      const conn = new Client();
     4
      conn
     5
        .on("ready", () => {
     6
          // 远程解压
     7
          const remoteModule = options.remoteStatic.replace(
     8
            "dist.tar.gz",
     9
            ""
     10
          );
     11
          /**
     12
           * 执行命令
     13
            * cd /usr/local/tomcat/webapps/ROOT
     14
            * tar xvf dist.tar.gz
     15
            */
     16
          conn.exec(
     17
            `cd ${remoteModule};tar xvf dist.tar.gz`,
     18
            (err, stream) => {
     19
              if (err) throw err;
     20
              stream
     21
                .on("close", (code) => {
     22
                  code === 0
     23
                    ? console.log(success("解压完成"))
     24
                    : console.log(error("解压失败"));
     25
                })
     26
                ...
     27
            })
     28
            ...
     29
        })

     展开收起

3. 将命令添加在scripts中

   1
   {
   2
    "scripts": {
   3
      "zip": "cd .vitepress/dist && tar -zcvf ../dist.tar.gz *",
   4
      "build:server": "cross-env APP_ENVKEY=server vitepress build && npm run zip",
   5
      "deploy:server": "npm run build:server && node scripts/upload",
   6
    },
   7
   }

4. 输入命令npm run deploy:server password，password为服务器密码

通过以上几个步骤，就可以把前端服务直接通过命令行的方式部署在服务器上
代码地址