前端打包后的文件上传到服务器

前言

　　好久没写文章了，一直在忙，刚好今天有点时间，就想写点东西。废话不多说，直接进入正文吧。

准备工作

　　需要用到scp2，这是基于ssh2实现的ftp上传工具。npm安装到开发依赖即可，也可全局安装。

npm install -D scp2

具体文档 https://www.npmjs.com/package/scp2。

本人的是angular项目开发的，其他框架也都一样。项目根目录新建文件publish.test.js,

代码如下：

"use strict"
const client = require('scp2');
const ssh2Cliend = require('ssh2').Client;
const conn = new ssh2Cliend();
const ora = require('ora');
const chalk = require('chalk');
const spinner = ora(chalk.green('正在发布到本地虚拟机服务器……'));

// 服务器配置
const serveConfig = {
    host: 'ip/域名',
    port: '22',  //端口默认22
    username: 'root',
    password: 'password',
    path: '/mydir/website/'
};
async function backup() {
    conn.exec(`mv -fu ${serveConfig.path} ${serveConfig.path}.backup`, (e, mv) => {
        mv.on('close', async() => {
            // tslint:disable-next-line:no-console
            console.log('备份完成……');
            // 开始上传
            await upload();
            conn.end();
        })
    })
}
async function upload() {
    spinner.start();
    client.scp('./dist/master/', {
        host: serveConfig.host,
        port: serveConfig.port,
        username: serveConfig.username,
        password: serveConfig.password,
        path: serveConfig.path
    }, fail => {
        spinner.stop();
        if (!fail) {
            // tslint:disable-next-line:no-console
            console.log('项目发布完成！');
        } else {
            // tslint:disable-next-line:no-console
            console.log('fail:', fail);
        }
    });
}
conn.on('ready', async() => {
    // 先备份原文件
    await backup();

}).connect({
    host: serveConfig.host,
    port: serveConfig.port,
    username: serveConfig.username,
    password: serveConfig.password
});

package.json配置命令：

 配置完成，运行 npm run publish:test，即可打包，发布到测试服务器。