跳到主要內容

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>");
}

透過上HtmlService的createHtmlOutput的功能,可以簡單的把html文件吐交給前端做呈現,內部的html tag也會被browser轉意,因此上面的h1 tag最後會呈現成:


Load static html page:
指令碼中,允許一個以上的檔案存在,這邊我們需要另外建立一個HTML文件,透過HtmlService來把靜態文件load到前端:

建立HTML文件:


文件編輯如下:RegisterPage.html
<html>
  <body>
    <form id="regForm">
      <div>Username: <input type="text" id="username"/></div>
      <div>Email: <input type="text" id="mail"/></div>
      <input type="submit" value="submit"/>
    </form>
  </body>
</html>

指令碼部分修改如下:
// Script-as-app template.
function doGet(e) {
  return HtmlService.createHtmlOutputFromFile('RegisterPage')
}
這邊是叫用createHtmlOutputFromFile()來讀取靜態文...

執行後輸出:


Load template html page:
Load template的部份與前段的差異在template是希望竟泰文建中有部分片段可以有scriptlet程式功能,指令碼中透過templet檔案中的<? ?>, <?= ?>來代表scriptlet程式片段,這邊可以直接修改HTML檔案如下:
RegisterPage.html
<html>
  <body>
    <h1><?=showDate()?></h1>
    <form id="regForm">
      <div>Username: <input type="text" id="username"/></div>
      <div>Email: <input type="text" id="mail"/></div>
      <input type="submit" value="submit"/>
    </form>
  </body>
</html>

而指令碼部分修改如下:
// Script-as-app template.
function doGet(e) {
  return HtmlService.createTemplateFromFile('RegisterPage').evaluate();
}
function showDate(){
 return new Date().toString(); 
}

上面程式片段中指出,指令馬中多了一個function,則html template中可以透過scriptlet來叫用該新增的function,另外,載入template html的部份是使用HtmlService.createTemplateFromFile()。而值得注意的,其中有一些同名函數,可以辨別輸入的物件型態來呼叫不同操作(OO中的泛型概念),這點是JavaScript語法中所沒有的...

上面片段的輸出如下:


上述的三種方式,相信應該對聰明的程序員來說已經有相當多的衍生了...,可以開始建立No-Hosting Web Service服務拉!


留言

  1. 你好,想跟你請教一下

    我在做表單的統計時,有個問題

    我的問卷回覆是文字例如:"[A] 5分 而 [B] 0分"

    要如何將文字轉換成數值呢?例如把上面那段文字,轉換成5

    回覆刪除

張貼留言

這個網誌中的熱門文章

Apps Script REST再一篇 - doPost request

通常操作REST服務時,除了GET方式操作之外 POST跟其他method的操作也少不了 這邊介紹POST的操作function:doPost() doPost function同樣會在參數部分帶入request object用來包裝傳入的參數 下面是一個範例,簡單的組一個response回覆前端的呼叫: function doPost(request){   var data = {"name": request.parameters.form };   return ContentService.createTextOutput(JSON.stringify(data))     .setMimeType(ContentService.MimeType.JSON); } 上面程式同樣使用request.parameters.[parameter name]來帶回傳入參數的值 後續可以有更複雜的操作,例如利用這個值做資料庫的查詢或是Google文件的查詢之類的... 程式完成後的deploy & publish部分則與之前方式相同。 Client操作的部份,為了應付比較複雜的POST操作,這邊使用Node.js的request模組來操作POST的呼叫,其中因為Apps Script執行url的redirect特性,必須加入 followAllRedirects 這個參數,指定request模組往下做redirect page的查詢動作,而form欄位所帶入的JOSN物件中,key值(form)所對應的value(123)則會實際反應在Apps Script中的request.parameters.[key]中 var request = require('request'); request({     url: ' https://script.google.com/macros/s/AKfycbxjC58GE1r...R5SA2nNb3Lsc/exec ',     method: 'POST',     followAllRedirects: true ,     form: {       form: '123'  

存取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方式存取,超方便的拉!