由于公司使用自己搭建的 svn 服務(wù)器來進(jìn)行代碼管理，因此這里 Jenkins 是針對(duì) svn 服務(wù)器來進(jìn)行的配置，其實(shí)跟Git 配置基本一致。
在沒有自動(dòng)化部署前
之前項(xiàng)目每次修改之后都需要本地 ??npm run build ??一次手動(dòng)發(fā)布到服務(wù)器上方便測(cè)試和產(chǎn)品查看，
有了自動(dòng)化部署后
有了Jenkins持續(xù)集成之后只要 svn 或者 git 提交之后就會(huì)自動(dòng)打包，很方便，此次記錄以備后詢。
直接上步驟
- 安裝
1.1 安裝 Nginx
可以直接去官網(wǎng)下直接下載，解壓縮 ??start nginx??就可以使了，常用命令：
start nginx # 啟動(dòng)
nginx -s reload # 修改配置后重新加載生效
nginx -s reopen # 重新打開日志文件
nginx -t # 配置文件檢測(cè)是否正確
1.2 安裝Jenkins
從官網(wǎng)下載文件安裝之后，我這里安裝到 ??C:\Jenkins???（Mac 不用在意），默認(rèn)端口 8080，這時(shí)候?yàn)g覽器訪問 ??localhost:8080?? 就能訪問 Jenkins 首頁，這里注意如果不安裝到 C 盤根目錄有些插件安裝會(huì)出錯(cuò)
這里會(huì)讓你去某個(gè)地方找一個(gè)初始密碼文件打開并填到下面的密碼框里，驗(yàn)證成功之后進(jìn)入頁面，選擇 ??Installsuggested plugins?? 推介安裝的插件
插件都安裝完成之后進(jìn)入用戶登錄界面，設(shè)定用戶名、密碼及郵箱。
然后提示 Jenkins is ready！→ Start using Jenkins ~
注意這里因?yàn)橐褂胣ode的命令來執(zhí)行創(chuàng)建后操作，所以還需要安裝插件：??NodeJSPlugin???、 ??Deployto container???、 ??Github???、 ??Postbuild task??
這里順便記錄一下啟動(dòng)和關(guān)閉Jenkins服務(wù)的命令行：
??net start jenkins // 啟動(dòng)Jenkins服務(wù)??
??net stop jenkins // 停止Jenkins服務(wù)??
2. 創(chuàng)建svn項(xiàng)目的Jenkins任務(wù)
2.1 新建
左邊欄新建一個(gè)任務(wù)，輸入一個(gè)任務(wù)名稱，這里隨便寫一個(gè)
2.2 配置
General
這里才是重頭戲，進(jìn)入剛剛創(chuàng)建的任務(wù)的配置頁面的 General
丟棄舊的構(gòu)建就是檢測(cè)到新的版本之后把舊版本的構(gòu)建刪除
源碼管理
這里采用的是 svn 來管理代碼，
構(gòu)建觸發(fā)器
這里的 Poll SCM 表示去檢測(cè)是否更新構(gòu)建的頻率， ??*****??? 表示每分鐘， ??H****?? 表示每小時(shí)
cd cd C:\Jenkins\workspace\my-demo
node -v
npm -v
cnpm i
npm run build
構(gòu)建后操作
安裝插件 ??Postbuild task??? 后，可以在 增加構(gòu)建后操作步驟中選擇 ??Postbuild task??選項(xiàng)，增加構(gòu)建后執(zhí)行的script，具體也可以參考文章：jenkins部署maven項(xiàng)目構(gòu)建后部署前執(zhí)行shell腳本
我這里的 ??Logtext??? 是 ??Buildcomplete??
rmdir /q/s C:\nginx-1.14.0\html\my-demo
xcopy /y/e/i C:\Jenkins\workspace\my-demo\my-demo C:\nginx-1.14.0\html\my-demo
復(fù)制生成好的文件到Nginx的目錄下，路徑自行修改文章來源：http://www.zghlxwxcb.cn/news/detail-589172.html
文章來源地址http://www.zghlxwxcb.cn/news/detail-589172.html
到了這里，關(guān)于前端 Jenkins 自動(dòng)化部署的文章就介紹完了。如果您還想了解更多內(nèi)容，請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
