前端贾公子

ssh2-sftp-client实现前端项目自动部署

目录

自动部署完整代码

package.json

deploy /config 服务器信息

deploy / index 部署命令入口文件

如果需要在服务器执行命令

shelljs的使用说明

shelljs的安装

shelljs的使用说明

重要方法介绍

exec()

ls()

ShellString()

ShellString.prototype.to(file)

ShellString.prototype.toEnd(file)

SSH2-SFTP-Client 使用文档

安装

使用方法

new SftpClient(name) ===> SFTP client object

connect(config) ===> SFTP object

downloadDir(srcDir, dstDir, options) ==> string

rmdir(path, recursive) ==> string

uploadDir(srcDir, dstDir, options) ==> string

node js --- fs模块

.mkdir 创建文件夹

__dirname

path.resolve()用法

process

1. 了解process.argv

2. process对象的用途

3. 结论

chalk开源库

前言

chalk作用与使用

chalk在node中使用的版本坑

chalk在node中使用场景

自动部署完整代码

package.json

下载这三个包

shelljs ：执行 shell命令
ssh2-sftp-client 与服务器建立链接（内部有ssh2）
chalk 打印彩色输出

  "devDependencies": {
    "shelljs": "^0.8.5",
    "ssh2-sftp-client": "^9.1.0",
    "chalk": "4.1.0"
  },

配置脚本命令 deploy 注意后边加上运行环境
执行deploy命令时内部执行了打包动作

  "scripts": {
    "dev": "vue-cli-service serve",
    "staging": "vue-cli-service serve --mode staging",
    "build:prod": "vue-cli-service build",
    "build:stage": "vue-cli-service build --mode staging",
    "preview": "node build/index.js --preview",
    "lint": "eslint --ext .js,.vue src",
    "deploy": "node deploy/index.js --prod"
  },

deploy /config 服务器信息

module.exports = [
  {
    id: 0,
    nodeEnv: "prod",
    name: "正式环境",
    domain: "",
    host: "ip",
    port: 端口,
    username: "用户名",
    password: "密码",
    path: "/data/www/paccount",//部署路径
    removepath: "/data/www/paccount", //删除路径
  },
];

deploy / index 部署命令入口文件

// 服务器配置文件
const config = require("./config.js");
// shell命令
const shell = require("shelljs");
// 输出颜色
const chalk = require("chalk");
// node fs 模块 读写文件
const fs = require("fs");
// node path模块 获取文件路径
const path = require("path");
// SSH2-SFTP-Client 是一个用于在Node.js中进行SSH SFTP操作的强大工具。它允许你建立SSH连接并进行文件传输，非常适用于自动化任务和远程文件管理。本文将引导你如何安装、配置和使用SSH2-SFTP-Client。
const Client = require("ssh2-sftp-client");
// 获取环境变量
const rawArgv = process.argv.slice(2);
// 日期插件
const dayjs = require("dayjs");

//判断环境
const filterStage = rawArgv.includes("--prod") ? "prod" : "stage";
console.log(chalk.blue("当前环境：", filterStage));

// 打包
const compileDist = async () => {
  // 根据环境执行打包命令
  if (shell.exec(`npm run build:${filterStage}`).code === 0) {
    console.log(chalk.green("打包成功"));
  }
};
// 部署
async function connectShell(params) {
  // 判断需要上传的服务器
  config
    .filter((item) => item.nodeEnv == filterStage)
    .map((item, index) => {
      const sftp = new Client();
      sftp
        .connect({
          host: item.host,
          port: item.port,
          username: item.username,
          password: item.password,
        })
        // 备份
        .then(() => {
          if (index > 0) {
            return "ok";
          }
          console.log(
            chalk.red(`${item.host}--`) + chalk.blue(`---执行下拉文件备份---`)
          );
          console.log(chalk.blue(`---创建备份文件夹中···---`));
          let newFile = `/${item.host}/${dayjs().format(
            "YYYY-MM-DD"
          )}/dist-${dayjs().format("HH_mm_ss")}`;
          // 创建本地文件夹
          fs.mkdir(
            path.resolve(__dirname, `../distbak${newFile}`),
            { recursive: true },
            (err) => {
              if (err) throw err;
              console.log(chalk.green("---创建备份文件夹成功---"));
            }
          );
          //执行服务器下拉操作
          return sftp.downloadDir(
            item.path, //服务器路径
            path.resolve(__dirname, `../distbak${newFile}`) //写入的本地路径地址
          );
        })
        // 删除
        .then(() => {
          if (index === 0) {
            console.log(
              chalk.red(`${item.host}--`) + chalk.blue(`---备份完成---`)
            );
          }
          console.log(
            chalk.yellow(`${item.host}--`) +
              chalk.red(`---执行删除文件中···---`)
          );
          // 删除路径 递归删除
          return sftp.rmdir(item.path, true);
        })
        // 上传
        .then(() => {
          console.log(
            chalk.red(`${item.host}--`) + chalk.green(`执行删除文件成功---`)
          );
          console.log(
            chalk.hex("#DEADED").bold(`---${item.host}执行上传文件中···---`)
          );
          return sftp.uploadDir(path.resolve(__dirname, "../dist"), item.path);
        })
        // 上传成功 关闭链接
        .then(() => {
          console.log(
            chalk.yellow(`${item.host}--`) + chalk.green(`上传完成,部署成功---`)
          );
          sftp.end();
        })
        // 上传失败
        .catch((err) => {
          console.error(
            err,
            chalk.red(`${item.host}--`) + chalk.red(`上传失败`)
          );
          sftp.end();
        });
    });
}

async function runStart() {
  await compileDist();
  await connectShell();
}
runStart();

如果需要在服务器执行命令

在部署完成后执行

SSH2是一个用于在网络上安全地访问远程计算机的协议，而上述代码段则使用Node.js的ssh2库来执行SSH连接和操作。这段代码中包含了两个事件处理器：

.on("ready", function () { ... })：
- 这是ssh2库中的一个事件处理器，它在SSH连接准备就绪时触发。当与远程主机建立SSH连接后，会执行其中的代码块。通常，你可以在这个事件中执行需要在SSH连接建立后执行的操作。
.connect({ ... })：
- 这是用于建立SSH连接的方法，其中包含了一个包含连接参数的对象，如主机地址、端口、用户名和密码等。在调用.connect()时，ssh2库将尝试连接到指定的远程主机。

在代码中，当SSH连接准备就绪（"ready"）时，它执行了一个命令，使用conn.exec()执行chmod命令，将目标目录的权限设置为755（允许读、写和执行）。如果设置权限成功，它会打印一条成功消息，并结束SSH连接。

总之，上述代码段通过ssh2库建立SSH连接，并在连接就绪后执行特定的命令来更改目标目录的权限。这通常用于在远程服务器上执行操作，例如修改文件权限。

const ClientOrg = require("ssh2").Client;
async function chmodDir(item) {
  if (!item) {
    throw "获取ip配置失败";
  }

  const conn = new ClientOrg();
  conn
    .on("ready", function () {
      conn.exec("chmod  755  /etc/nginx/html -R", function (err, stream) {
        if (err) throw err;
        console.log(
          chalk.red(`${item.host}--`) + chalk.green(`---添加目录权限成功---`),
        );
        conn.end();
      });
    })
    .connect({
      host: item.host,
      port: item.port,
      username: item.username,
      password: item.password,
    });
}

shelljs的使用说明

shelljs模块重新包装了child_process,调用系统命令更加简单。
shelljs是Unix Shell在Node.js API层的轻量级实现，可以支持Windows、Linux、OS X。你可以像在Unix命令行敲命令一样书写代码

shelljs官网地址：https://www.npmjs.com/package/shelljshttps://links.jianshu.com/go?to=https%3A%2F%2Fwww.npmjs.com%2Fpackage%2Fshelljs

shelljs的安装

shelljs是第三方模块，需要安装后才能使用。

全局安装

$ npm install shelljs -g

本地安装

将当前工作目录切换为需要使用shelljs模块的目录（已经创建了package.json文件的目录）

$ npm install shelljs --save

shelljs的使用说明

对于熟悉Unix Shell脚本的开发者，简单扫一眼API就能愉快的开始写代码了。
先看个例子：

var shell = require('shelljs');

//判定git命令是否可用
if (!shell.which('git')) {
    //向命令行打印git命令不可用的提示信息
    shell.echo('Sorry, this script requires git');
    //退出当前进程
    shell.exit(1);
}

//先删除'out/Release'目录
shell.rm('-rf', 'out/Release');
//拷贝文件到'out/Release'目录
shell.cp('-R', 'stuff/', 'out/Release');

//切换当前工作目录到'lib'
shell.cd('lib');
//shell.ls('*.js')返回值是一个包含所有js文件路径的数组
shell.ls('*.js').forEach(function(file) {//遍历数组
    //sed命令用于文件内容的替换，这里是对每个文件都执行如下3步操作，更改版本信息
    shell.sed('-i', 'BUILD_VERSION', 'v0.1.2', file);
    shell.sed('-i', /^.*REMOVE_THIS_LINE.*$/, '', file);
    shell.sed('-i', /.*REPLACE_LINE_WITH_MACRO.*\n/, shell.cat('macro.js'), file);
});
//切换当前工作目录到上一层
shell.cd('..');

//同步执行git命令提交代码
if (shell.exec('git commit -am "Auto-commit"').code !== 0) {
    shell.echo('Error: Git commit failed');
    shell.exit(1);
}

上面的例子展示了一个可发布版本提交到git仓库的过程。

shelljs的方法都遵循：
方法名就是我们常用的执行命令，而方法参数就是命令行参数。只是有些方法对命令行参数做了变形和拓展。

重要方法介绍

exec()

exec(command [, options] [, callback])
- command :要在命令行执行的完整命令
- options