Jenkins搭建前端自動部署持續集成工作流(一)


一、環境說明

本地環境:WINDOW 7

服務器環境:WINDOW SERVER 2008 R2

代碼集成:github

輔助工具:花生殼

 

二、本地安裝jenkins

猛戳jenkins官網,並下載,這里以WINDOW為例:

 

 

安裝完成后,會提示輸入密碼:

默認密碼在:/Jenkins/secrets/initialAdminPassword 文件里面

 

 

 

注意:jenkins是部署在本地的,默認端口為 8080;

瀏覽器進入Jenkins,登錄地址為: http://localhost:8080/;

關閉Jenkins的地址為: http://localhost:8080/exit;

重啟Jenkins的地址為: http://localhost:8080/restart;

重新加載配置信息: http://localhost:8080/reload;

 

隨后,安裝Jenkins插件,兩種方式都可以,如果知道自己想要安裝什么插件可點擊自定義安裝,也可以默認安裝。

 

 

 

接下來會看到如下安裝界面,這個過程有點慢,耐心等待就好。

 

 

 

創建用戶,也可以使用admin賬戶繼續使用,進入之后可以自行修改密碼。

 

 

 

完成后正式進入主界面

 

 

 

 

 

 

 如果是通過默認admin進入的,可以自行修改密碼

 

 

 

 

 

 

 

三、Jenkins實現自動化部署

1、准備Github項目,這里我以前端React項目為例

2、在Github上生成一個token

點擊右上角的 Github --> setting --> Developer settting --> Personal access tokens -> 點擊Generate new token 填寫如下所示的內容:

創建成功后,會生成一個token的值如下:

 

 

 

3、用花生殼把Jenkins的域名進行內網穿透

 

 

 

 

 

 

4、在指定Github指定項目上設置Github webhooks

 

 

 

5、安裝Jenkins 插件:nodejs、ftp

點擊 Manage Jenkins -> Manage Plugins -> 可選插件, 如下圖所示:

 

 

 

 

 

 

 

 

 

 

 

 

 

6、在jenkins上綁定第二步生成的token

Manage Jenkins -> Configure System -> Github -> 點擊添加Github服務器, 如下圖所示:

API URL 默認為:https://api.github.com,我們不動它,然后憑據點擊 Add添加,如下圖所示:

 

 

 

8、設置Jenkins中Github配置

 

如上,我們之前已經生成了token之后。在如上配置中,我們頁面中的類型選擇 Secret text,在Secret中黏貼Github生成的Token,id和描述可以隨便寫,或不填。

最后點擊添加按鈕后,會回到主頁面,在憑據中選擇我們剛才創建的憑據,然后我們點擊 "鏈接測試"。如果沒有成功的話,則需要返回重新操作以上步驟,如下所示,我們只要點擊保存完成配置即可,如下圖所示:

到這里,基礎配置已經完成了。

四、創建任務

1、全局設置GIT、NODE版本

 

 如果設置git名稱報錯,不用在意他,繼續往下

 

 

 

 

點擊保存即可!

 

2、創建任務

點擊創建一個新任務,如下圖所示:

輸入一個任務名稱,比如叫 testJekins, 然后選擇第一項即可。如下圖所示:

因此准備工作已經完成了,我們輸入任務名稱后,選擇第一項后,點擊底部的確定按鈕,就可以進入下一步的頁面了,如下圖所示:

 

 

 

 

 

 

 

 

截止到目前位置,如果運行構建是可以從git上拉取成功的,git 提交->觸發鈎子->進入構建隊列->開始構建

 

 

 

 

五、上傳至服務器

1、在服務器上設置一個FTP站點

2、全局配置FTP

 

 

 

 

3、配置構建后操作

回到任務配置列表中,找到FTP

 

 

 

 

 

六、測試部署

 

 

 

 

 

 

 

七、遇到的問題,以及解決方式

1、執行構建命令的時候,無論怎么寫構建腳本都提示失敗,具體參數及解決方式請見博問

2、執行FTP上傳代碼的時候,總有一兩個文件沒有上傳上去,具體參數及解決方式請見博問

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM