---

title: 範例演練 (GitHub)

tags: GCP # 簡報的標籤

---

## 這篇會介紹整個 Cloud Build 介面，跟觸發條件的詳細介紹，一些詳細設定請到這邊觀看

## [Cloud Build 介面介紹](/IXoQAk0SQjOiJoqB3BcgQw)

---

## 進入 GCP 點擊左上角三條線，選擇 Cloud Build


## 這時左邊會看到幾個功能

- 資訊主頁：觸發條件的一些基本資訊
- 紀錄：觸發條件成功狀況基本資訊和過程
- 觸發條件：觸發條件設定
- 設定：權限設定


## 點選紀錄啟用 Cloud Build API


## 點選設定，選擇要開啟的權限


## PS：如果沒有開啟 API 設定這邊是沒辦法設定權限的


## 點選觸發條件，再點選連結存放區


## 選擇來源 GitHub


## 驗證，因為 GitHub 還沒安裝 Cloud Build 應用程式，所以點擊安裝


## 點擊後會跳出視窗選擇 install 安裝


## 補充：安裝時可選擇全部倉庫或單一倉庫，之後也能到 GitHub 再做更改


## 授權給 Cloud Build


## 授權完開始設定，首先設定使用的專案



## 選擇 GitHub 使用的倉庫


## 觸發條件設定，可以用 Cloud Build 幫你設定好的，也可略過自己設定


## 設定完成畫面，有需要再修改設定都可以在這邊點擊再回去調整


## 完成畫面


## 接下來回到 Cloud Build 可以看到 Cloud Build 幫你設定好的觸發條件


## 預設的觸發條件不一定是想要的，這時可以自己建立一個新的觸發條件，或是把原本的修改

### 1.點選預設觸發條件最後面三個點，選擇編輯


### 2.或是選擇上方的建立觸發條件，建立新的


## 來到處發條件建立畫面上半部有幾個設定

- 名稱：為觸發條件命名
- 說明：為觸發條件說明
- 事件：選擇觸發方式
- 來源：選擇存放區和分支
- 納入和隱藏檔案篩選器


## 下半部設定

- 檔案類型：構建設定
- 替代變數：設定變數


## 設定好接下來就是測試，先推送一個 Dockerfile 到 GitHub 測試

### Dockerfile 內容

FROM nginx



## 推送完後到 Cloud Build 紀錄可以查看觸發條件成功狀況，還有一些基本資訊


## 點擊版本名稱可以進去查看執行過程



## 使用 Dockerfile 的方式，Cloud Build會自動幫你推送 image 到 Comtainer Registry


## 點選資訊主頁，可以看到每個觸發條件的一些基本資訊


## 接下來到 Container Registry 可以看到剛剛建立好推送過來的 image


## 到這邊整個流程就結束了