Jenkins前端部署自動化

前言:大部分工作都是后端做的,文章的前提是后端已經(jīng)將Jenkins部署到服務(wù)器上,文章僅為個人學(xué)習(xí)記錄。

一、Jenkins操作

  • 登錄

image-20210302160753660.png
  • 新建項目(例如test)

image-20210302160913299.png
image-20210302161001899.png
  • Configure:Repository URL 倉庫地址 Credentials 管理員名字(需自己新建)

image-20210302161440771.png
image-20210302161616537.png
image-20210302161647968.png
  • 我的項目使用的是yarn命令,需要新增一步:使用Xshell,連接服務(wù)器,在服務(wù)器上添加yarn,請一定使用全局安裝-g

     npm install yarn -g 
    
  • Command:根據(jù)你之前部署在服務(wù)器上的位置更改相應(yīng)的目錄

    source /etc/profile
    cd /volumes/jenkins_home/workspace/test
    yarn install 
    yarn build 
    rm -rf build.tar.gz 
    tar zcvf build.tar.gz build
    cd /work/test
    mv /volumes/jenkins_home/workspace/test/build.tar.gz  ./
    tar zxvf build.tar.gz 
    rm -rf build.tar.gz   
    

二、添加鉤子:進(jìn)入你的倉庫

image-20210302162352137.png

三、更新項目

git add .
git commit -m '20210302'
git push
image-20210302162721144.png

四、其他

如果出現(xiàn)build失敗的情況點(diǎn)擊,如#8,查看輸出信息。

image-20210302162907466.png
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 上一篇大概介紹了JWT的用法,實現(xiàn)了一個簡單的登錄注冊以及郵箱驗證。而這一篇呢就負(fù)責(zé)把我們的項目部署到自己的服務(wù)器...
    sidiWang閱讀 10,550評論 2 48
  • 首先說下為什么要寫這篇文章,網(wǎng)上基于jenkins自動話部署的文章很多,但是大多基于官方鏡像做的,官方的la...
    北冥有毒閱讀 7,817評論 2 5
  • 寫在前面的話叫前言:雖然全是文字,但截圖也麻煩,互相將就下=完美 1+1=2 前期工作:再前期的工作不是我干的,大...
    maybe燕閱讀 1,006評論 0 1
  • 注意:本片配置:jenkins服務(wù)器和應(yīng)用服務(wù)器不在同一臺機(jī)器上,且應(yīng)用服務(wù)器 負(fù)責(zé)流執(zhí)行程 (推薦)。流程:代碼...
    宇宙小神特別萌閱讀 2,850評論 1 11
  • 先說一下實現(xiàn)思路,在gitee和Jenkins使用webhook來觸發(fā)構(gòu)建,構(gòu)建策略中做的事情是ssh連接遠(yuǎn)程服務(wù)...
    lannisiter閱讀 8,594評論 1 10

友情鏈接更多精彩內(nèi)容