跳到主要內容

透過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的查詢會類似這樣：



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






留言

  1. Unknown2015年3月26日 下午5:43

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

    回覆刪除
  2. k8s-study2015年3月27日 晚上7:48

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

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

    回覆刪除
  3. David Jeng's Blogger2016年11月21日 凌晨4:44

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

    回覆刪除
  4. k8s-study2016年11月21日 凌晨4:52

    沒有dns server的嗎？cloudflare本身有提供dns server哦 ：）

    回覆刪除

張貼留言

這個網誌中的熱門文章

存取docker container內的檔案

Docker既然是container概念存在，就想到應該可以透過原filesystem找到對應的container內的檔案 Google了一下，在/var/lib/docker/這個目錄底下可以找到對應的container實際存在的位置... 列印一下目錄可以發現aufs/mnt下有一堆長檔名的資料夾... 透過docker ps或是進入到docker container後，可以看得到docker的instance id 範例中是：61ba7253b842 因此進入到"/var/lib/docker/aufs/mnt/"後，後面加讓instance id後，在透過tab補字可以列出該container相關資訊 其中會包含一個有"-init"跟一個純instance id的資料夾... 列表一下這兩個資料夾 其中無"-init"的目錄存放的就是container對應的磁碟位置 測試一下檔案的存取....，切到該目錄下，touch一個檔案... 結果真的可以在container內部看到對應touch出來的檔案 透過可見的目錄位置，container與host在某個層鍍上可以互通許多東西喲... 檔案傳輸也不用再透過scp或ftp方式存取，超方便的拉！
張貼留言
閱讀完整內容

Google指令碼基本操作介紹 - Web Server篇

Google的指令碼是什麼東西呢？！原則上他就是Google的一份靜態檔案，但是透過Google的雲端服務平台的一些能力，將靜態檔案內的scriptlet片段拉到Google的後端作運算，寫起來就像在寫JavaScript(這邊說Node.js可能比較貼切，因為同為server side language)或JSP，而在scriptlet片段中，則可以操作許多Google的API服務，甚至他提供你連接JDBC的能力、URL呼叫的能力...等，宛如就是一套完整的雲端程式語言(這樣說應該不為過拉，這真是個創新！)，有並駕於App Engine的氣勢喔！ Google指令碼的範圍很廣，筆者也仍在摸索中，之前介紹過透過Sheet+指令碼做一個簡單的URL監控( 這裡 )，而本篇簡單介紹一下指令碼如何製作一個Web Server(嚴格說起來是Web Page拉，但是具備Server端運作功能喔！)。您將可以體驗到No-Hosting Web Server的威力！ 指令碼是Google Drive的一個服務，Google將指令碼(Code)以檔案方式寄存在Drive中，類似的靜態檔案服務的應用，最近滿火紅的！ 首先開啟指令碼時候，選擇"作為網路應用程式的指令碼"，檔案開啟後，會有愈設定程式碼片段供編輯 程式碼片段大致上如下，是一個doGet function，Web base的指令碼需要認得doGet()作為server的進入點 如果選擇到空白專案的話，只要把doGet function建上即可 作為一個Cloud IDE，Google當然也有把Code Hint擺上來，透過簡單的提示，寫啟程是來就更容易拉！ 而Web部分物件的建立主要是透過 HtmlService 這個模組來進行操作，我們利用他來output html, load static html page, load template html page..等，範例如下： Output HTML: // Script-as-app template. function doGet(e) {   return HtmlService. createHtmlOutput ("<h1>HELLO!</h1>...
1 則留言
閱讀完整內容

透過Google Apps Script結合Google Form做即時郵件通知

體驗過Google Apps Script的功能後，也發現他結合GmailApps的模組 GmailApps的應用可以用在表單填寫完成後，做發信的通知 例如您開立了一個訂購的表單，為了要在第一時間通知商家有訂單進入 就可以直接呼叫Gmail做發信的通知，讓手持Smart Phone的我們可以很快的知道生意上門了！ 下面規劃三個function，其中： onCommit()：為form commit時候觸發的function，需要掛載於form commit trigger上 jsonArrToTable()：目的將json array解析成為一個Table getLastRowTable()：目的將整個table的回傳過濾為剩下第一筆(表頭，含有Form的欄位說明)與最後一筆(原則上就是剛剛送出的那一筆表單) 完整程式碼如下： function onCommit(){   var sheet = SpreadsheetApp.getActiveSheet();   var rows = sheet.getDataRange();   var numRows = rows.getNumRows();   var values = rows.getValues();   var content = getLastRowTable(values);   var htmlBody = "Hi Admin: <br/><br/>有訂單拉，檢查一下吧！ <br/><br/>" + content + '<br/><br/>Send by Google Apps';   GmailApp.sendEmail(     " your-email-address@gmail.com ",      "Order Confirm Notice",      htmlBody,      {from: ' from-email-...
17 則留言
閱讀完整內容