利用nodejs监控文件变化并使用sftp上传到服务器

好久没写博客了，由于最近在用react+express作一个本身的工具型网站（其实就是夺宝岛抢拍器）

而后由于常常要改动，并且又要放到服务器上进行测试。老是要webpack，而后手动把文件上传上去，不胜其烦，索性搜索了下，直接写个能检测文件变化并自动进行上传的脚本好了。

首先，咱们使用npm 安装两个别人封装好的模块。

npm install ssh2-sftp-client
npm install gaze

第一个模块的做用是sftp上传文件，

第二个模块的做用就是监听文件变化了。固然，你也能够采用node自带fs模块。

这两个模块的用法在这里：ssh2-sftp-client gaze

安装好了之后，第一步就是监听文件的变化了，因为个人文件已经使用webpack构建好了，因此后面只是文件变化，不会有文件增长，因此这里只须要使用changed就能够了，其余的用法请参考上面的连接，都大同小异

gaze(['你的文件路径/*.*','还可使用数组的方式监听多个文件夹/app.js'], function(err, watcher) {
    let watched = this.watched();
    //监听文件的变化
    this.on('changed', (filepath) => {
        //romotePath是我文件的远程位置
        let romotePath = '/root' + filepath.substr(15);
        //put为上传文件的函数，下面会讲    
        put(filepath,romotePath);
        console.log(filepath + ' was changed');

    });
});      

而后就开始写咱们的上传文件的函数

function put(localPath,romotePath){
    let sftp = new Client();
    sftp.connect({
        host: '你的服务器地址',
        port: '端口，没改过的话是22',
        username: '链接的用户名',
        password: '密码'
    }).then(() => {
        return sftp.put(localPath,romotePath);
    }).then(() =>{
        console.log("上传完成");
    }).catch((err) => {
        console.log(err, 'catch error');
    });
}

好了，别忘了在咱们的文件开始的地方但是要引入模块的。

let Client = require('ssh2-sftp-client');
let gaze = require('gaze');

接下来咱们来实验一下。来到咱们的文件夹webpack一下

果真能够看到已经修改而且上传完成了。上传须要时间，请耐心等待。

来到咱们的服务器，果真最近的修改时间已经变成如今了。

今后之后我终于不用一个个上传了。每次要修改直接。打开一个窗口开启这个脚本，就能够愉快的编码了。