Jenkins自動部署前端：
公司要是環境多了，發個后端和前端要累死，再加上可能有時候還是連的vpn之類的，那上傳更慢！所以配置一個Jenkins非常有必要，至于Jenkins安裝什么的大家自行–度娘
注意: 我這篇文章具體的還是講一下Jenkins部署專案的腳本整個流程,大家最好配置好自己的jenkins在來配置專案，
整體的下來如下圖: 這六步---------------------相對來說我的這個比較簡單就是發包的功能Jenkins更為復雜的配置大家下去若有興趣可以一起交流！
第一步 General
注意: 我們使用的是GitLab，在上圖中打馬賽克的地方 GitLab Connection 這個呢是你配置好gitlab才有的，
緊接著下面就是 Git引數這一欄，填寫前端分支！！
再然后就是選項引數，支持是否 發布或回滾
第二步 原始碼管理
寫上自己前端的git地址 選擇好用戶，
第三步 構建環境（構建觸發器我沒操作，直接走的構建環境）
選擇的是第七個
第四步 構建
圖中路徑寫的是服務器git中的地址
這是一個shell，還有另一個shell
緊接著給大家講一下 我做的這個Jenkins部署在一臺服務器，但前端發包是發在另一臺服務器的
所以大家看到文章的時候要仔細一點，我是兩臺服務器，
這是代碼，大家好復制
#環境變數
echo $PATH
#node版本號
node -v
#npm版本號
npm -v
#進入jenkins workspace的專案目錄
echo ${WORKSPACE}
cd ${WORKSPACE}
#這里是下載chromedriver 沒有這個會報錯
npm install chromedriver --chromedriver_cdnurl=http://cdn.npm.taobao.org/dist/chromedriver
#鏡像選擇淘寶的鏡像
#npm config set registry=http://registry.npm.taobao.org
#如果上面配置正確這個命令會有字串response
#npm info underscore
#下載依賴包
npm install
#開始打包
npm run build-8800
#進入到打包目錄
cd dist
#洗掉上次打包生成的壓縮檔案
rm -rf *.tar.gz
#把生成的專案打包成壓縮包方便傳輸到遠程服務器
tar -zcvf `date +%Y%m%d%H%M%S`.tar.gz *
#回到上層作業目錄
cd ../
上面咱們說過 我是兩臺服務器我要把包放在另一臺
所以
第六步 構建后操作
這是代碼，大家好復制
#!/bin/bash
#進入遠程服務器的目錄
cd /usr/share/nginx/html/nx
echo `pwd`
#創建備份檔案夾
mkdir backup
#洗掉舊的解壓檔案
rm -rf static/ index.html
#找到新的壓縮包
new_dist=`ls -ltr *.tar.gz | awk '{print $NF}' |tail -1`
echo $new_dist
#解壓到檔案夾
tar -zxvf $new_dist -C ./
#備份打包檔案
back_dist=$new_dist
mv $new_dist ./backup/$back_dist
#發布完成
echo "發布完成"
到這就結束了，寫文章確實很累哈哈哈，不過很有成就感！！大家有什么不懂得地方評論區見！！希望幫到你們！！！過幾天出一章后端的！
轉載請註明出處，本文鏈接：https://www.uj5u.com/qita/254008.html
標籤：其他
上一篇：校園網內網穿透