前言
前端工作中我們經常需要把靜態文件上傳到服務器,這次在公司大佬寫的文件中,我發現了一個很有趣的東西,在項目打包的時候自動上傳服務器,細看一下其實就是用js寫了一個腳本用node.js上傳上去了,話不多說,直接上代碼。
代碼
const path = require('path'); const Client = require('ssh2-sftp-client'); const sftp = new Client(); const config = { host: '127.0.0.1', port: '299', username: 'admin', password: '123456' } /** * 上傳文件到sftp * @param { Object } config sftp 鏈接配置參數 * @param { String } config.host sftp 主機地址 * @param { String } config.port sftp 端口號 * @param { String } config.username sftp 用戶名 * @param { String } config.password sftp 密碼 * * @param { Object } options 配置參數 * @param { String } localStatic // 本地靜態資源文件夾路徑 * @param { String } remoteStatic // 服務器靜態資源文件夾路徑 * @param { String } localFile // 本地html頁面 * @param { String } remoteFile // 服務器html頁面 */ function upload(config, options) { sftp.connect(config).then(() => { console.log('sftp鏈接成功'); console.log('文件上傳中'); return sftp.uploadDir(options.localStatic, options.remoteStatic); }).then((data) => { console.log('文件上傳成功'); sftp.end(); }).catch((err) => { console.log('上傳失敗', err); sftp.end(); }) } // 上傳文件 upload(config, { localStatic: path.resolve(__dirname, './upload'), // 本地文件夾路徑 remoteStatic: '/demo', // 服務器文件夾路徑器 })
這里的我用本地生成的sftp進行測試,實際項目中只需要對上傳文件進行對應操作就好
sh2-sftp-client 實例中還有很多方法,上傳也有對應的回調,如果需要展示進度只要輸出對應數據即可。
測試
很簡單的操作就直接下載ssh2-sftp-client引入依賴,然后就可以上傳sftp,這里附上windows創建sftp的教程供大家測試
下載
freeSSHd
配置sftp
然后可以用xftp測試一下能否連接,連接成功就可以直接測試上傳了。
webpack項目中的應用
直接在package.json中的腳本中配置操作即可,鏈接到你的js文件
然后運行即可,我好了,你呢