iT邦幫忙

2023 iThome 鐵人賽

DAY 17
0
DevOps

從0開始學習DevOps,並部署CICD至Java專案中系列 第 17

如何使用 Ngrok 轉導本地Jenkins網址,連接GitHub Webhooks

  • 分享至 

  • xImage
  •  

下載與設定 Ngrok

首先先到官方網站註冊帳號,接著可以看自己的環境要下載的版本
https://dashboard.ngrok.com/get-started/setup

(mac下載方式)
下載後會是一個zip檔,解壓縮後會產生一個ngrok 執行檔,接著請將執行檔放到 /usr/local/bin資料夾項下,接著點兩下執行後,會顯示「程序完成」

https://ithelp.ithome.com.tw/upload/images/20231002/201620582bpR9qp0PG.png

登入後的頁面可以從這裡取得自己的token

https://ithelp.ithome.com.tw/upload/images/20231002/20162058zn8Y0rdtV3.png

  • 打開終端機輸入token,直接複製「Command Line」區塊的指令貼上就可以了

https://ithelp.ithome.com.tw/upload/images/20231002/20162058SYlCcFC6PY.png

開始轉導本地網址

輸入 ngrok http <你的網址> ex. ngrok http localhost:8080

就會將localhost:8080 轉導為以下網址,並跳到這個視窗顯示

Forwarding 就是轉導後的公有網址

https://ithelp.ithome.com.tw/upload/images/20231002/2016205826f1tWsp0w.png

  • 並且在每次執行請求時,會顯示請求狀況

https://ithelp.ithome.com.tw/upload/images/20231002/20162058BEUlxKL6gj.png

GitHub Webhooks 設定轉為公有的Jenkins網址

在repository → Settings → Webhooks → Payload URL 貼上公有網址 → Add Webhook

https://ithelp.ithome.com.tw/upload/images/20231002/20162058TSoWPqx12c.png

Jenkins 配置 GitHub

接續上一則文章之步驟,配置Jenkins

找到你建置的項目,並選擇「Configuration」/ 組態

https://ithelp.ithome.com.tw/upload/images/20231002/20162058eFTzMP8cLK.png

在Git的部分輸入你的repository 程式的 URL,並且點選Add,選擇Jenkins

(請留意,在你Add之前,Credentials是不能選的,等你Add完GitHub登入資訊之後,這邊才會出現選項,再選擇有GitHub的選項,就可通過驗證)

https://ithelp.ithome.com.tw/upload/images/20231002/20162058GC2ihP9D8p.png

會跳出以下視窗,Kind 選擇 Username with password

Username:填寫GitHub 帳號,Password:填寫你上一則文章從GItHub產生的Token

https://ithelp.ithome.com.tw/upload/images/20231002/20162058QVwY7bHgsp.png

設定哪一個branch 改變了,要觸發Jenkins build?

https://ithelp.ithome.com.tw/upload/images/20231002/20162058oGoy9tqBCg.png

建置觸發順序

https://ithelp.ithome.com.tw/upload/images/20231002/20162058CaKQ5XMMie.png

確認Jenkins 與 GitHub 是否有連接成功

回到頁面先build看看,點選按鈕「馬上建置」,接者左下角會有執行狀態,若顯示綠色的勾勾,初步就是連接成功了!

https://ithelp.ithome.com.tw/upload/images/20231002/20162058YFrHKkh5e1.png


上一篇
配置Jenkins 與 GitHub
下一篇
如何查看Jenkins build log,以及設定觸發 build 的方式
系列文
從0開始學習DevOps,並部署CICD至Java專案中30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言