. 問題描述

端工程化的今天，版本發布已經成為開發中的重要一環。

很多項目開發中都開始使用jenkins來做自動發版工作。

不過jenkins復雜的安裝配置比較不容易上手，而且很多環境是不適用安裝jenkins來做自動發版的。

我模擬Jenkins邏輯寫了一個node版本的自動發版的程序。帶大家了解一下自動發版的基本原理。同時，如果需要的朋友也可以直接上手來使用。

倉庫地址和使用方式

使用方式：

> git clone https://github.com/shb190802/node-jenkins.git
> cd node-jenkins
> npm install
> node app.js

瀏覽器訪問YOUR_IP_ADDRESS:3011

需求分析

首先分析，如果要做到自動發版需要實現哪些功能。

1. 從相應倉庫下載要發布的分支代碼
2. 編譯代碼設置npm源安裝依賴執行編譯命令
3. 將編譯后的代碼發布到服務器指定目錄

技術實現

1、從相應倉庫下載要發布的分支

此處使用download-git-repo，來完成從相應倉庫下載要發布的分支代碼。放置在一個臨時目錄下。

// 示例方法
let repository = `direct:${this.repo}#${this.branch}`
download(repository, destination, options, callback)

2、編譯代碼

編譯代碼我們使用child_process.exec來執行命令行命令來執行

// 示例方法
const COMMAND = ['npm config set registry http://registry.npm.taobao.org/', 'npm install', 'npm run build']

for (let i = 0, len = COMMAND.length; i < len; i++) {
    await this.exec(COMMAND[i]) // 需要在async函數中
}

3、將編譯后代碼發送到服務器對應目錄

這里使用到ssh2-sftp-client

// 示例方法
let client = new Sftp()
console.log('連接web服務器'.yellow)
await client.connect({
    host: this.host,
    username: this.username,
    password: this.password
})
console.log(`mkdir ${this.remotePath}`.green)
await client.mkdir(this.remotePath, true)
console.log(`傳輸文件【${localPath}】===>【${this.remotePath}】`.green)
await client.uploadDir(localPath, this.remotePath) // 將本地文件夾傳輸到遠程
console.log('文件傳輸完畢'.green)
client.end()

4、項目優化

前三步已經完成一個自動下載、打包、發布的流程。
我們可寫出一個js文件,使用命令行工具【node+filename.js】來做到本機自動發版。
但是項目還有很多可以優化的地方。

(1)將編譯選項抽象成配置項

將配置選項從代碼中抽象出來，我們將發版程序做的更加獨立。

{
    /** build config */
    name: '聊天室 客戶端',
    repo: 'https://github.com/shb190802/chat.git', // 倉庫地址
    branch: 'master', // 編譯分支 默認master
    srcPath: 'client', // 項目編譯目錄，一般是vue.config.js所在目錄
    buildCommand: ['npm config set registry http://registry.npm.taobao.org/', 'npm install', 'npm run build'],
    outputPath: 'server/static/html', // 編譯目錄 默認是srcPath下 dist
    /* host config */
    remotePath: '/usr/local/nginx/html/html', //YOUR_REMOTE  web項目遠程目錄 注意，由于會提前清空遠程目錄。請慎重填寫地址
    host: '', // YOUR_HOST  web服務器IP地址
    username: '', // YOUR_NAME
    password: '' // YOUR_PWD
}

（2）重復使用node_modules

node的依賴安裝，占到了打包的很大一部分時間。
我在這里處理方式是：
從倉庫下載代碼之前，先判斷是否已經有過安裝的node_modules目錄。
如果有，就將它轉移到一個臨時目錄。等待代碼下載完成之后。在轉移到編譯目錄下。

5、使用koa創建一個server端，給局域網內其他同事提供打包服務

即時完成了前邊步驟，我們也還只是一個單機版的發版程序。
最后，我們使用koa建立一個簡單的website。發布局域網內的同事。
靜態頁面和serviceApi的開發，此處就不在贅述了。
最終項目效果：

start nginx # 啟動
nginx -s reload # 修改配置后重新加載生效
nginx -s reopen # 重新打開日志文件
nginx -t # 配置文件檢測是否正確

net start jenkins // 啟動Jenkins服務
net stop jenkins // 停止Jenkins服務

cd cd C:Jenkinsworkspacemy-demo
node -v
npm -v
cnpm i
npm run build

rmdir /q/s C:ginx-1.14.0htmlmy-demo
xcopy /y/e/i C:Jenkinsworkspacemy-demomy-demo C:ginx-1.14.0htmlmy-demo