快樂軟體開發者，打算就這麼編程直到生命盡頭 !

從零開始布署你的個人網頁 — GCP網頁架設激鬥篇

2021 年 3 月 16 日（编辑过）

YO ! Google Cloud Platform 架設靜態網頁又有什麼可怕?

上一篇網域購買篇，大家買好了網域，大家聽我胡扯後也搞了個什麼 Cloudflare 帳號，還弄了一堆有的沒的。可是最重要的網頁咧?

看官們，稍安勿躁。因為那些都只是前置作業，重頭戲是這篇，GCP網頁架設激鬥篇。既然是激鬥，當然就會流點汗，有點累，大家忍忍。閒話到此，我們趕快前進。

Google Cloud Platform

簡單來說，Google Cloud Platform (GCP) 是 Google 的雲端服務，提供了一系列超便利的開發工具給開發者們。誇張點講，雲端服務，是開發者延年益壽的靈丹。市面上，有 AWS, Azure 和 GCP，各有千秋，我自己最愛 GCP，因為我是 Google 迷弟，手機也是 Google 的。我們今天主要用到兩個服務: Storage 及 Load Balancer (負載平衡)。

在開始前，請大家登入自己的 Google 帳號，開通 GCP 服務，開一個專案，設好帳單。不懂沒關西，這邊有更多資訊。開好再接著看。忘了說，新用戶開通服務有300美元送喔，不用自己掏腰包。

網域擁有權認證

確認帳號都準備好及登入後，我們 Google 搜尋 "Google Search Console" 或者點我。我們選擇「新增資源」，理論上，我們要看到以下頁面:

我們在深色的區塊，輸入自己的網域 (example.com)，輸入完，選「繼續」。

我們現在要登入 Cloudflare ，不是你的網域供應商，因為如果你照上一篇流程做的話，你的網域現在是 Cloudflare 在管理。

登入 Cloudflare ，選擇你的目標網域，來到管理頁面，選擇 DNS 。

點選「新增資料」按鈕。把剛剛 Google 提供的長字串，如下圖般新增到 Cloudflare。

確認無誤後，我們儲存。我們會到 Google 剛剛認證的頁面 (圖2)，點選 VERIFY。然後看到下圖的提示的話，就代表你的網域認祖歸宗了。

Google Storage

登入 GCP，選擇你的專案，我們來到主控版面。我們接著用GCP面板的搜尋功能搜尋並選擇「Storage」。

我們接著要創造一個網域值區(bucket)。點擊「建立值區」，你的值區名稱要跟你的網域依樣，不要給我加 www 喔。

同一個頁面的右方，你可以試算費用，基本上費用就很便宜，一個月10塊台幣了不起。別忘了，你還有300美元可以慢慢花。

別急著點建立，照下圖選擇細項。區域的話，我覺得預設值也沒差。我自己選了 asia-east1 (台灣)。

設定好，建立後，我們需要把這個值區的權限設定成公開，不然我怎麼訪問你的網頁資料。在 Storage 主頁，在你新增的值區列的尾巴，點擊3個點的圖標並選「編輯值區權限」 。

彈出一個列表，我們在列表選擇「新增成員」按鈕，我們要加一個新成員「allUsers」。我們給予這位新成員，Cloud Storage 的「儲存空間物件檢視者」權限。如下圖所示。

我們接著選儲存，並在提示方塊選擇允許公開存取。

我們現在點進去我們的值區，並開始上傳我們的網頁資料，這裡我準備了 index.html 及 404.html 做示範。裡面就很簡單的 html hello world 內容。你們可以選擇你們想要上傳的網頁內容。這邊用網頁上傳資料只能逐筆資料一次一次上傳，我相信是 GCP 的周想不全。我當然有其他更推薦的上傳方式，但不在本次分享的範圍，這邊先賣個關子。