docker + Jenkins + gitee + nuxt CICD 布署項目

  1. 啟動jenkins 項目

  2. 安裝插件

注意
安裝完記得重啟Jenkins惠勒,否則新安裝的插件不會顯示哦紊选。

配置Gitee

在[Jenkins] > [系統(tǒng)管理] > [系統(tǒng)配置] > [Gitee配置] 配置 Gitee 信息:


image.png
  • 鏈接名:輸入Gitee或隨便輸入你想要的名稱
  • Gitee域名URL:輸入Gitee完整的URL地址 https://gitee.com
  • 證書令牌:如沒有添加需要新建一個石洗,點(diǎn)擊添加(如下圖)
image.png

在gitee 生成 私人訪問令牌

在設(shè)置中找到私人令牌菜單,按提示生成一個即可被芳,然后將令牌填入jenkins 相應(yīng)位置即可


image.png
  • Domain:選擇全局憑據(jù)
  • 類型:選擇Gitee API令牌
  • 范圍:選擇全局
  • Gitee APIV5 私人令牌襟企,點(diǎn)擊獲取(opens new window)
  • ID 和 描述就隨便寫不一樣的就行

添加完令牌就直接選擇就行,然后點(diǎn)擊【測試鏈接】寝凌,如果出現(xiàn)成功則表示配置正確:

安裝NodeJS

因?yàn)槲覀兊腣ue項目是基于 NodeJS 來打包構(gòu)建的柒傻,所以需要在 Jenkins 中安裝插件:

image.png

配置NodeJS

在[系統(tǒng)管理] > [系統(tǒng)配置] > [全局工具配置] > [NodeJS] 點(diǎn)擊【NodeJS安裝】:

image.png

注意
NodeJS 版本不要選太高,選最新的LTS版本即可较木,否則可能因?yàn)榘姹静患嫒輰?dǎo)致構(gòu)建失敗红符,建議選擇版本和本地開發(fā)的版本相同,這樣就不會有問題了。

構(gòu)建任務(wù)配置

在 Jenkins 首頁點(diǎn)擊【新建任務(wù)】開始第一個流水線的構(gòu)建预侯,選擇構(gòu)建一個自由風(fēng)格的軟件項目 點(diǎn)擊保存即可創(chuàng)建構(gòu)建項目:

image.png

新建完成后進(jìn)入配置致开,流水線會按照 [General] > [源碼管理] > [構(gòu)建觸發(fā)器] > [構(gòu)建環(huán)境] > [構(gòu)建] > [構(gòu)建后操作]的步驟來執(zhí)行自動化任務(wù)。

image.png

源碼管理

在jenkins 容器中生成 ssh key

本項目jenkins 由docker 生成萎馅,所以進(jìn)入 docker 容器 到 ~/.ssh 目錄 下 通過指令 ssh-keygen -t rsa -C "email.com" -f filename_id_rsa 生成相應(yīng) 的公私匙
如果有多個倉庫要配置相應(yīng) 的config
將容器目錄 下的 id_rsa_pub 文件的內(nèi)容配置到gitee中

在gitee配置SSH

image.png

按操作提示輸入 內(nèi)容并保存完成 配置双戳。

添加gitee SSH KEY

image.png

按如圖添加


image.png
  • 類型: SSH USERNAME with private key
  • id ,描述 隨便寫
  • username 填寫 gitee 中的用戶名
  • enter private key 將 jenkins 中生成的 id_rsa 文件內(nèi)容復(fù)制到此即可

選擇 Git 選項

  • Repository URL: 創(chuàng)建的git項目地址
  • Credentials:點(diǎn)擊添加一個憑據(jù)(注意 Gitee API Token 憑據(jù)不可用于源碼管理的憑據(jù),只用于gitee插件的 API 調(diào)用憑據(jù))
  • 點(diǎn)擊【高級】 Advanced 按鈕糜芳,Name輸入origin飒货,Refspec輸入+refs/heads/:refs/remotes/origin/
  • 指定分支:master

gitee 配置webhooks

進(jìn)入 項目倉庫 , 在菜單中選擇 【管理】

image.png

jenkins 推送地址 在下圖中找到

image.png

生成密匙

image.png

將上面的令牌填入gitee 中


image.png

增加構(gòu)建后操作實(shí)現(xiàn) CICD 全流程即可

image.png

配置Jenkins 對外域名

在Jenkins的控制臺中峭竣,單擊“Manage Jenkins” -> “Configure System” -> “Jenkins URL”塘辅。

  1. 點(diǎn)擊系統(tǒng)管理


    image.png
  1. 打開系統(tǒng)配置


    image.png
  2. location 修改后,就可以改變對外IP


    image.png

gitlab 配置 webhooks

  1. 管理員登錄并進(jìn)入到項目會有如下圖的操作項


    image.png

點(diǎn)擊左側(cè)菜單的webhook 配置相關(guān)信息


image.png
  1. secret token 由 jenkins 配置中高級下面生成


    image.png

在jenkins 配置項目的webhook中展開會有生成secret token 的操作


image.png

點(diǎn)擊 generate 按鈕就可以生成皆撩,如果一次失敗莫辨,多點(diǎn)幾次就可以。

image.png

至此 webhooks 就配置好了


image.png

Docker 容器網(wǎng)絡(luò)通訊

由于是通過宿主網(wǎng)橋進(jìn)行通訊毅访, 在容器內(nèi)沒有設(shè)置相應(yīng)的DNS 配置的話沮榜,是無法通過 域名訪問的,(沒有公網(wǎng)域名)
需要在docker-compose.yml 中增加下面的配置

image.png

jenkins 構(gòu)建 nuxt 項目配置

  1. 配置倉庫(確何已經(jīng)配置了SSH key)
image.png
  1. 配置 CICD 用的 webhooks
    將jenkins 下圖中的 hooks URL 和secrect token 填入 gitlab webhooks 配置中的相應(yīng) 位置 并添加完成配置喻粹。


    image.png

    image.png
  1. nuxt 項目要增加 node 構(gòu)建環(huán)境 (需要先安裝 nodejs 插件)


    image.png
  1. 添加構(gòu)建步驟(寫shell 腳本 )


    image.png
  1. 完成構(gòu)建后增加提交代碼至服務(wù)器并啟動應(yīng)用的指令(未完成)


    image.png
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末蟆融,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子守呜,更是在濱河造成了極大的恐慌型酥,老刑警劉巖,帶你破解...
    沈念sama閱讀 218,546評論 6 507
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件查乒,死亡現(xiàn)場離奇詭異弥喉,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)玛迄,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,224評論 3 395
  • 文/潘曉璐 我一進(jìn)店門由境,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人蓖议,你說我怎么就攤上這事虏杰。” “怎么了勒虾?”我有些...
    開封第一講書人閱讀 164,911評論 0 354
  • 文/不壞的土叔 我叫張陵纺阔,是天一觀的道長。 經(jīng)常有香客問我修然,道長笛钝,這世上最難降的妖魔是什么质况? 我笑而不...
    開封第一講書人閱讀 58,737評論 1 294
  • 正文 為了忘掉前任,我火速辦了婚禮玻靡,結(jié)果婚禮上结榄,老公的妹妹穿的比我還像新娘。我一直安慰自己啃奴,他們只是感情好潭陪,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,753評論 6 392
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著最蕾,像睡著了一般依溯。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上瘟则,一...
    開封第一講書人閱讀 51,598評論 1 305
  • 那天黎炉,我揣著相機(jī)與錄音,去河邊找鬼醋拧。 笑死慷嗜,一個胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的丹壕。 我是一名探鬼主播庆械,決...
    沈念sama閱讀 40,338評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼菌赖!你這毒婦竟也來了缭乘?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 39,249評論 0 276
  • 序言:老撾萬榮一對情侶失蹤琉用,失蹤者是張志新(化名)和其女友劉穎堕绩,沒想到半個月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體邑时,經(jīng)...
    沈念sama閱讀 45,696評論 1 314
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡奴紧,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,888評論 3 336
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了晶丘。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片黍氮。...
    茶點(diǎn)故事閱讀 40,013評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖铣口,靈堂內(nèi)的尸體忽然破棺而出滤钱,到底是詐尸還是另有隱情,我是刑警寧澤脑题,帶...
    沈念sama閱讀 35,731評論 5 346
  • 正文 年R本政府宣布,位于F島的核電站铜靶,受9級特大地震影響叔遂,放射性物質(zhì)發(fā)生泄漏他炊。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,348評論 3 330
  • 文/蒙蒙 一已艰、第九天 我趴在偏房一處隱蔽的房頂上張望痊末。 院中可真熱鬧,春花似錦哩掺、人聲如沸凿叠。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,929評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽盒件。三九已至,卻和暖如春舱禽,著一層夾襖步出監(jiān)牢的瞬間炒刁,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 33,048評論 1 270
  • 我被黑心中介騙來泰國打工誊稚, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留翔始,地道東北人。 一個月前我還...
    沈念sama閱讀 48,203評論 3 370
  • 正文 我出身青樓里伯,卻偏偏與公主長得像城瞎,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子疾瓮,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,960評論 2 355

推薦閱讀更多精彩內(nèi)容