前言

GCS 託管網站，有點像似GitHub Page那樣，只負責靜態頁面綁定，GCS官方文件也解釋得非常容易理解。

• HTTP 託管網站
• HTTPS 指向GCS

這項功能很強大至於圖片庫可直接暴露於給外部人查閱達到分散系統的一環功能。

HTTP 託管網站

步驟一

• 方法一
  這項功能有一個前提，就是必須把 Storage 名稱設定為網域認證擁有者的網域，若擁有頂級網址 example.com，必需將其 Storage 名稱為 <想要的名稱>.example.com

• 方法二
  Storage 名稱可以自定義。

步驟二

上方兩種方法都要將其 Storage 瀏覽權限 定義為 allUsers:objectViewer，這樣即可共享您的文件資料

1. gsutil

gsutil iam ch allUsers:objectViewer gs://<想要的名稱>.example.com

2. 介面調整 your storage > Permissions > + ADD

   

步驟三

上傳檔案 index.html 至 Storage 根目錄

• 方法一

## 要加上CNAME
NAME                  TYPE     DATA
想要的名稱              CNAME    c.storage.googleapis.com.

可以直接瀏覽http://<想要的名稱>.example.com，可以擁有HTTP連線，但是沒有HTTPS

• 方法二
  使用 Google Cloud Loadbalacing - L7 - HTTP(S) Load Balancing，在下方 HTTPS 指向GCS 講解

HTTPS 指向GCS

上方的方法二都準備好讓 Storage 直接對外使用了，蠻常使用到 Http -> Https 這種情況，且網址希望是自家公司的
以下 建立 Google Cloud Loadbalacing - L7 - HTTP(S) Load Balancing 

建立 Backend

• 選擇 Bucket ，如果是圖片庫的話 會順便建議啟動 CDN

  

建立 FrontEnd

• 建議建立一個 External IP 固定管理此 IP
• SSL 憑證 建議可以使用 GCP代管之憑證
• 然後最下方有一個 Enable HTTP to HTTPS redirect 點選

  

  

生成之後點其 LB 之 IP A紀錄綁定至 網址託管商家 (Godaddy or Cloud DNS)

分配專用頁面

上傳 index.html 和 404.html

gsutil web set -m index.html -e 404.html gs://<想要的名稱>.example.com

結語

圖片庫蠻常使用到 GCS 來做分散式框架存放圖檔的，圖片庫的部分我就會勾選CDN使用。 好用！