主機 網站架設

[教學] Google Cloud Storage 打造靜態網站與自訂網域名,並透過gsutil指令同步網站資料超方便

2019/05/15

梅問題-[教學] Google Cloud Storage 打造靜態網站,與自訂網域名,透過gsutil指令同步網站資料超方便
  先前曾分享過,透過免費Google Cloud Storage空間,來打造自己的網站,雖然說Google Cloud Storage不具備PHP與資料庫的功能,對於許多人來說,可能會覺得幫助不大,但自從梅干將網站改為Hugo後,讓網站在佈署變得更單純,完全不用受限於PHP與MySQL的束縛,同時也讓網站的開啟速變更快。

  因此透過Google Cloud Storage儲存空間,來架設網站還真是洽到好處,且Google Cloud Storage的費用也比GCP要來的便宜許多,甚至在建製上也很單純,而先前已分享過GCS的用法,接下來將來分享如何在Google Cloud Storage下,綁定自己的網域名稱,與透過gsutil的指定將資料直接送到GCS中,讓檔案更新變得更方便與快速。


Step1
首先進到GCP的管理後台,切換到「Storage」選項,再選擇「瀏覽器」與「建立Bucket」鈕。
梅問題-[教學] Google Cloud Storage 打造靜態網站,與自訂網域名,透過gsutil指令同步網站資料超方便
Step2
接著輸入網址名稱與機房位置,然後按「建立」。
梅問題-[教學] Google Cloud Storage 打造靜態網站,與自訂網域名,透過gsutil指令同步網站資料超方便
Step3
由於輸入的是網址,因此要先進行網址驗證,取得網址的所有權,這時點一下「值區名稱驗證」。
梅問題-[教學] Google Cloud Storage 打造靜態網站,與自訂網域名,透過gsutil指令同步網站資料超方便
Step4
接著再點頁面中的「開啟SEARCH CONSOLE」鈕。
梅問題-[教學] Google Cloud Storage 打造靜態網站,與自訂網域名,透過gsutil指令同步網站資料超方便
Step5
接著點一下「新增資源」,並輸入剛所建立的網址。
梅問題-[教學] Google Cloud Storage 打造靜態網站,與自訂網域名,透過gsutil指令同步網站資料超方便
Step6
驗證的方式,選擇「其它」,再把頁面中的文字複製起來。
梅問題-[教學] Google Cloud Storage 打造靜態網站,與自訂網域名,透過gsutil指令同步網站資料超方便
Step7
接著進到DNS設定的地方,新增一組TXT,並將剛的文字貼上,再重覆上步驟,就可完成「驗證」。
梅問題-[教學] Google Cloud Storage 打造靜態網站,與自訂網域名,透過gsutil指令同步網站資料超方便
Step8
接著驗證完畢後,重覆步驟3,就可完成建立。
梅問題-[教學] Google Cloud Storage 打造靜態網站,與自訂網域名,透過gsutil指令同步網站資料超方便
Step9
接著開啟終端機,輸入「curl https://sdk.cloud.google.com | bash」,安裝gsutil指令。
梅問題-[教學] Google Cloud Storage 打造靜態網站,與自訂網域名,透過gsutil指令同步網站資料超方便
Step10
在安裝完畢後,就可使用gsutil指令,將電腦中的資料同步到GCS中,當同步完成時,會發現到檔案為非公開。
gsutil rsync -R 本機資料夾路徑 gs://網址
梅問題-[教學] Google Cloud Storage 打造靜態網站,與自訂網域名,透過gsutil指令同步網站資料超方便
Step11
回到GCS的管理頁面中,點右上選項,選擇「編輯Bucket權限」,再點「新增成員」。
梅問題-[教學] Google Cloud Storage 打造靜態網站,與自訂網域名,透過gsutil指令同步網站資料超方便
Step12
新增成員的地方,輸入「allUsers」,角色設為「Storage物件檢視者」。
梅問題-[教學] Google Cloud Storage 打造靜態網站,與自訂網域名,透過gsutil指令同步網站資料超方便
Step13
這樣在公開存取權的地方,就會看到公開,接著再舶「編輯網站設定」。
梅問題-[教學] Google Cloud Storage 打造靜態網站,與自訂網域名,透過gsutil指令同步網站資料超方便
Step14
分別可設定首頁的檔名,以及404找不到頁面的檔案。
梅問題-[教學] Google Cloud Storage 打造靜態網站,與自訂網域名,透過gsutil指令同步網站資料超方便
Step15
最後再回到DNS,新增一組CNAME,並將名稱設為「c.storage.googleapis.com」。
梅問題-[教學] Google Cloud Storage 打造靜態網站,與自訂網域名,透過gsutil指令同步網站資料超方便
Step16
哈!這樣就大功告成啦!至於要怎麼綁定SSL,下一篇再與大家來分享,而比較簡單的作法,可直接開啟Cloudflare的免費SSL。
梅問題-[教學] Google Cloud Storage 打造靜態網站,與自訂網域名,透過gsutil指令同步網站資料超方便
Step17
雖然速度上,比梅干放在遠振的VPS主機快一迷迷,但相對來說,在架設上也簡單許多,同時有Google撐腰,可承受的同一在線人數多更多,但GCS是以量制價,所以用多少收多少,再加上省了硬體費,只有流量的費用,因此相對上來說也較省且速度更快,是一個放靜態網頁的好空間。
梅問題-[教學] Google Cloud Storage 打造靜態網站,與自訂網域名,透過gsutil指令同步網站資料超方便