前端項(xiàng)目打包部署，以前都是手工運(yùn)行打包命令，打包結(jié)束后壓縮，然后上傳到服務(wù)器上解壓部署。這種重復(fù)性的工作，確實(shí)有點(diǎn)讓人煩，而且效率也不高。

本文基于 vue 的前端項(xiàng)目、 GitHub 的代碼倉(cāng)庫(kù)，簡(jiǎn)述在 CentOS7 上利用 jenkins 實(shí)現(xiàn)自動(dòng)部署。

一、安裝插件 NodeJS

Jenkins -> Manage Jenkins -> Manage Plugins

-> Avaliable 搜索 NodeJS，勾選 NodeJS，點(diǎn)擊 Install without restart 安裝

二、配置 NodeJS 插件

Jenkins -> Manage Jenkins -> Global Tool Configuation

NodeJS 節(jié)點(diǎn)下，點(diǎn)擊 NodeJS installations

填寫(xiě) Name，勾選 Install automatically，選擇 Version，最后點(diǎn)擊 Save

三、發(fā)布配置

Jenkins -> New Item

填寫(xiě) job name，選擇 Freestyle project，點(diǎn)擊 OK

點(diǎn)擊 Configure 配置 job 構(gòu)建參數(shù)

General 配置，填寫(xiě) Project name，Description

Source Code Management，選擇 Git，填寫(xiě) Repository URL，如果是私有倉(cāng)庫(kù)，還需要填寫(xiě) Credentials( 點(diǎn)擊 Add 添加)

Build Environment，勾選 Provide Node & npm bin/ folder to PATH

Build，點(diǎn)擊 Add build step 下拉，選擇 Execute shell

輸入以下腳本

 node -v
 npm install -g yarn --registry=https://registry.npm.taobao.org
 yarn -v
 yarn install
 yarn lint
 yarn build

點(diǎn)擊 Save

 四、測(cè)試構(gòu)建

Jenkins -> All -> node_vue -> Build Now

 五、遇見(jiàn)問(wèn)題

項(xiàng)目是在 windows 下開(kāi)發(fā)，windows 對(duì)文件名大小不敏感，上傳到 CentOS7 構(gòu)建時(shí)出現(xiàn)如上錯(cuò)誤，通過(guò)更改文件名的大小寫(xiě)，保持代碼中引用文件名與實(shí)際文件名大小寫(xiě)一致，構(gòu)建成功。

總結(jié)

以上所述是小編給大家介紹的CentOS7 上利用 jenkins 實(shí)現(xiàn)自動(dòng)部署，希望對(duì)大家有所幫助，如果大家有任何疑問(wèn)請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！
如果你覺(jué)得本文對(duì)你有幫助，歡迎轉(zhuǎn)載，請(qǐng)注明出處，謝謝！

最新評(píng)論