# GoDaddy DNS pointing to GCS bucket

1. GoDaddy購買域名(或其他域名註冊商)
2. [Google Search Console](https://search.google.com/search-console?hl=zh-TW)驗證域名持有人
3. 登入GoDaddy，選擇剛剛購買的網域
<br>
並在紀錄那欄新增`TXT record`

4. 回到步驟2的視窗按下驗證(若驗證失敗可以等一段時間，因為DNS更新可能不會那麼即時)
5. 若驗證成功便能到[GCP storage](https://console.cloud.google.com/storage/browser?hl=zh-tw)新增bucket
6. 這邊有五個項目要設定:
- #### 為值區命名
輸入第4步驟已驗證成功的domain name
- #### 選取資料的儲存位置
選類型`Region`，位置`us-central1`
原因是該地區在免費一年300usd流量到期後，仍有每個月免費額度
- #### 為資料選擇預設儲存空間級別
Standard
- #### 選取如何控制物件的存取權
可自由決定`精細`(可針對bucket內每隻檔案設定不同存取權限)或`統一`
- #### 進階設定 (選用)
7. 設定完按下建立，便可開始上傳檔案到bucket
我們可以先嘗試丟個index.html上去，並把`公開存取權`改為公開
8. 接下來我們要設定`load balancer`
建立負載平衡器 -> HTTP(S) 負載平衡 -> 從網際網路到我的 VM
9. 先輸入名稱，接下來有3個項目要輸入
- #### 後端設定
輸入名稱
後端bucket -> 建立後端 Bucket -> Cloud Storage Bucket瀏覽第7步驟建立的bucket
- #### 主機與路徑規則
簡易主機與路徑規則
- #### 前端設定
輸入名稱
IP位置我這邊很像是選臨時，不確定之後會不會需要改成靜態IP位址
協議`HTTP`或`HTTPS`，若選HTTPS可以用你的domain name建立google代管的憑證
10. load balancer建立後拿到IP，回到第3步驟的管理區域，建立`A record`

11. 等設定的TTL過去後，訪問`http(s)://[your_domain]/index.html`就能看到我們稍早放到bucket內的網站
12. 接下來我們要讓我們domain的根目錄也直接導向`index.html`，並且讓不存在的路由導向`404.html`
回到GCP Storage -> 瀏覽器，在該bucket右邊的操作按鈕中找到`編輯網站設定`
> 實際上這邊的routing設定我會將404也設成`index.html`，因為我的vue router是使用`history mode`

13. 最後我們可以加上`CNAME record`讓`www.`也能指向我們的domain
大功告成，打完收工!
下一篇來講講github設定CI/CD自動部署到GCP bucket吧!