跳到主要內容

透過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-address@gmail.com', htmlBody:htmlBody}
  ); 
}
function getLastRowTable(arr){
  var newArr = new Array();
  newArr.push(arr[0]);
  newArr.push(arr[arr.length-1]);
  return jsonArrToTable(newArr);
function jsonArrToTable(arr){
  var TRs = '';
  for(var i = 0 ; i< arr.length ; i++){
    var row = arr[i];
    var TR = '<tr>';
    var keys = Object.keys(row);
    for(var j = 0 ; j < keys.length ; j++) {
      var rowvalue = row[keys[j]];
      TR += ('<td>' + rowvalue + '</td>' );
    }
    TR+= '</tr>';
    TRs += TR;
  }
  
  var table = '<table>' + TRs +'</table>';
  return table;
}

是不是很方便阿!


留言

  1. 您好,
    正好在寫關於這樣的內容, 不過對於javascript實在不熟,這個內容寄到mail後收信來看,是個橫向的Table,不容易閱讀,能否改一下變成直向的Table有利於閱讀。
    另外您提到要自動執行"需要掛載於form commit trigger上", 做法上可否詳細說明?
    感謝您的分享,幫助很多!!

    回覆刪除
    回覆
    1. Hi Arthur, 可以參考這篇來設定trigger:
      http://gappsnews.blogspot.tw/2013/03/re-google-google-apps-scriptgoogle-form.html

      刪除
    2. 另外,Form的部份展開部分,可以參考:http://gappsnews.blogspot.tw/2013/03/form-committable.html

      刪除
  2. 感恩您的答覆! 謝謝! 另外請教E-mail的內容中
    時間戳記 Thu Sep 26 2013 11:24:17 GMT+0800 (HKT)
    如何使用format之類的函數改成我們一般的日期時間格式,如 2013/9/26 12:00:00
    謝謝!

    回覆刪除
    回覆
    1. 這邊沿用JavaScript處理時間的方式給您參考:

      function main(){
      var dt = new Date();
      Logger.info(tt(dt));
      }
      function tt(dt) {
      var yyyy = new String(dt.getYear());
      var mm = new String(dt.getMonth()+1);
      var dd = new String(dt.getDate());

      var hh = new String(dt.getHours());
      var mi = new String(dt.getMinutes());
      var ss = new String(dt.getSeconds());

      return Utilities.formatString('%s-%s-%s %s:%s:%s', yyyy, mm, dd, hh, mi, ss);
      }

      其中針對最下面的formatString的第一個參數可以更改您所需要的時間格式
      然後使用上就可以透過使用tt這個function來做時間格式的修改
      給您參考 :D

      刪除
  3. 我使用會發生如下錯誤訊息,這是從執行失敗通知信寄出來的訊息
    TypeError: Cannot call method "getDataRange" of null. (line 9, file "程式碼")

    貼上您的完整程式碼,是否還需要做其他動作?

    回覆刪除
  4. Hi 瑞彬大大

    我想您應該是直接開啟Apps Script然後貼上code測試
    因為用到的是var sheet = SpreadsheetApp.getActiveSheet();
    這個動作只能用在container binding的apps script...
    如果取不到Active Sheet時候,再用sheet去取getDataRange()就會發生null的exception

    您可以開一個Spreadsheet然後透過Tool>Script editor來開啟屬於這個sheet的editor
    再來測試這段code,應該就會正常
    給您參考 :D

    回覆刪除
  5. 嗯~ 我是從建立"表單"上進入,如您指示得從表單去設定就行了。
    Thanks

    回覆刪除
  6. 想請教您是否能接案?

    我有一份線上訂購的表單,而目前我需要這張表單能夠依據客戶的選項自動計算總價,需要使用到指令碼編輯器~

    若有意願,可否mail給我詳談?

    manabu1@gmail.com

    回覆刪除
  7. 您好,這正是我需要的,但或有差異。可以mail/hangsout聯繫嗎?ventshih@gmail.com

    回覆刪除

張貼留言

這個網誌中的熱門文章

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的功能,…

透過Google指令碼,存取Google Cloud SQL

既然Cloud SQL提供了MySQL的Feature 那麼透過指令碼(Apps Script)來存取Cloud SQL應該也是OK的拉! 這邊介紹一下在指令碼中操作的方式
首先要確認一下您在Cloud SQL中申請的DB Instance名稱 而名稱可以在API Console中找到

此範例是屬於手動執行的部份,因此這邊建一個test function來收容db query的code...
function test(){
  var conn = Jdbc.getCloudSqlConnection("jdbc:google:rdbms://[db instance name]/[db name]");
  var stmt = conn.createStatement();
  stmt.setMaxRows(100);
  var start = new Date();
  var sql = "select * from member_info";
  var rs = stmt.executeQuery(sql);
  Logger.log('SQL:' + sql);
  while(rs.next()){
    Logger.log('['+new Date().toString() + ']' + rs.getString(1) + '::' + rs.getString(2) );
  }
}
Project看起來像這樣:

此時,在工具列選擇要執行的Function後,點選執行按鈕,就可以執行撈取Cloud SQL的動作了...

執行時候會發現Google會跟您要求受權,請user同意讓Script Editor來執行這部份程式,同意後才可以執行... 這部份是說,如果將來把這段程式碼放到Web Service中時候,該Web Service App也需要經過授權才能使用...

New Google Form Feature...

Google這次在Google Form上面做了一些改變...原本的Google Form背後都會連結到一個特定的表單(一個Form一個表單) 這次的修改就是針對這部份的限制做改善 目前可以透過Form編輯的頁面上"選擇回憶目的地"來選擇...



這邊是選擇的畫面,可以選擇新的試算表或是選擇現有的試算表中的新工作表...


如此一來,表單的運作將更具彈性拉!
詳細的Google說明,可以在這邊找到:https://support.google.com/drive/bin/answer.py?hl=en&answer=2917686&p=forms_response