透過Google Cloud Storage建置您的靜態網站

大家知道靜態網站的服務越來越先進,透過Github Page或是S3都可以快速的建置好可以提供服務的靜態網站,這次要介紹的是Google Cloud Storage上建置靜態網站的功能...

首先我們先準備一個美美的靜態網站,不少人可能想到用PC的網頁編輯器,我這邊是使用Jetstrap的雲端服務來拉出基本的版型:



左上方的是提供下載專案的地方,下載之後可以解壓縮後看到裡面的html跟css相關檔案



接下來就是透過Google Cloud Storage來把這個些檔案變成一個網站囖,設定相當簡單...

Step 1 : 在Google Cloud Storage建置您的domain bucket,並把相關檔案上傳到這個bucket裡面

這邊需要先有Cloud Platform Project,並且開通好Cloud Storage的服務,這邊不贅述這些設定... 我在這邊建立的是gsweb.micloud.tw這個網站,因此bucket用這個命名(這邊必須注意,Google會針對domain name進行認證,如果domain name非自己所屬,或被別人註冊了,將無法使用該domain name來建立bucket),並且將檔案上傳,主頁修改為index.html。


這邊完成後,仍需要在最右邊的"SHARED PUBLICLY"的地方勾選發佈,讓全世界的人可以看到您的網站...

Step 2 : 透過gcutil將bucket變成一個網站

下面指令可以讓您設定一個bucket成為靜態網站,並且指定一個主頁,以及錯誤頁面,相關的help可以透過gsutil help setwebcfg來檢視...

$ gsutil web set -m index.html -e 404.html gs://gsweb.micloud.tw



Step 3 : 設定Domain name CNAME對應

接下來您需要到您的DNS server上指定一筆CNAME記錄,將yourdomain.com對應到c.storage.googleapis.com,指定完成後,在nslookup的查詢會類似這樣:



這也表示您的網站應該已經生效了:






4 意見

Write 意見
X. ReDis
AUTHOR
2015年3月26日 下午5:43 delete

請問
當我創建新專案時 並無法使用 www.aaa.com
只能改為 www-aaa-com
這樣要如何讓自己的網域對應到GCS呢?

Reply
avatar
Simon Su
AUTHOR
2015年3月27日 下午7:48 delete

由於website bucket是需要比較嚴謹的認證
因此Google會需要先通過domain的身份確認後才可以讓使用者來開立
詳細說明可以參考:

https://cloud.google.com/storage/docs/bucket-naming?hl=en_US&&&&&&&&&&_ga=1.111877196.953939222.1422701068#verification

Reply
avatar
David
AUTHOR
2016年11月21日 上午4:44 delete

這個方案對只租網域,但是沒有DNS的可行嗎?

Reply
avatar
Simon Su
AUTHOR
2016年11月21日 上午4:52 delete

沒有dns server的嗎?cloudflare本身有提供dns server哦 :)

Reply
avatar