最近在用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一下
果然可以看到已经修改并且上传完成了。上传需要时间,请耐心等待。
来到我们的服务器,果然最近的修改时间已经变成现在了。
从此以后我终于不用一个个上传了。每次要修改直接。打开一个窗口开启这个脚本,就可以愉快的编码了。
以上所述是小编给大家介绍的利用nodejs监控文件变化并使用sftp上传到服务器,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对网站的支持!
以上就是利用nodejs监控文件变化并使用sftp上传到服务器。想想再过一年,你回到家,给他们带来的不是胜利的喜悦,而而是告诉他们,考得不好,那么这个寒假,你将要怎么去度过?想想清楚吧!更多关于利用nodejs监控文件变化并使用sftp上传到服务器请关注haodaima.com其它相关文章!