---
# System prepended metadata

title: 範例演練 (GitHub)
tags: [GCP]

---

---

title: 範例演練 (GitHub)

tags: GCP # 簡報的標籤

---

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

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

---

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

![](https://i.imgur.com/Y661J7Q.png)

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

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

![](https://i.imgur.com/GyfoaPr.png)

## 點選紀錄啟用 Cloud Build API

![](https://i.imgur.com/YIFU7jk.png)

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

![](https://i.imgur.com/GKOUKHS.png)

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

![](https://i.imgur.com/kDHEQMz.png)

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

![](https://i.imgur.com/nqq7ma0.png)

## 選擇來源 GitHub

![](https://i.imgur.com/1Chwd7L.png)

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

![](https://i.imgur.com/B4CSBPR.png)

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

![](https://i.imgur.com/D8UR8Ir.png)

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

![](https://i.imgur.com/tHB87dV.png)

## 授權給 Cloud Build 

![](https://i.imgur.com/2TVoVDN.png)

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

![](https://i.imgur.com/7w1xxJ6.png)

![](https://i.imgur.com/I501Ylg.png)

## 選擇 GitHub 使用的倉庫

![](https://i.imgur.com/gKdiOnI.png)

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

![](https://i.imgur.com/VpvOEk5.png)

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

![](https://i.imgur.com/NH8nRrk.png)

## 完成畫面

![](https://i.imgur.com/ZZUpRjL.png)

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

![](https://i.imgur.com/jH0zX1b.png)

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

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

![](https://i.imgur.com/hbwbu7x.png)

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

![](https://i.imgur.com/P0th2ZE.png)

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

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

![](https://i.imgur.com/FNATeLh.png)

## 下半部設定

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

![](https://i.imgur.com/diz26vR.png)

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

### Dockerfile 內容

```
FROM nginx
```

![](https://i.imgur.com/QaCdeyp.png)

![](https://i.imgur.com/yXo3Ayh.png)

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

![](https://i.imgur.com/EaS5VIu.png)

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

![](https://i.imgur.com/nK7H1lW.png)

![](https://i.imgur.com/g9N32Gg.png)

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

![](https://i.imgur.com/i8l2Thj.png)

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

![](https://i.imgur.com/QtuMxlw.png)

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

![](https://i.imgur.com/HTfSMEq.png)

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