1. 首頁
  2. »
  3. 軟體
  4. »
  5. 「Google表單外掛教學」跟著Google教學做!快速開發出第一隻的Google表單的外掛程式

「Google表單外掛教學」跟著Google教學做!快速開發出第一隻的Google表單的外掛程式

2016/09/18

梅問題-[Google表單」跟著Google教學做!快速開發出第一個Google表單的外掛程式

  Google表單真的很方便,再加上也有不少熱心的網友分享了許多外掛,讓Google表單變得更強大,像是先前梅干分享過的,數量限制與自動發送確認信的擴充元件,因此也讓梅干對於Google表單的擴充程式相當的感興趣,到底Google表單的擴充程式是如何製作出來的。


  因此梅干最近也不斷在蒐集相關的資料,卻意外的發現到,原來Google官方自己就有相關的教學文件與範例,且相當的仔細與完整,同時只要依照官方的教學的步驟做,就可完成Google表單的第一隻擴充程式,至於Google表單的擴充程式,是如何構成與撰寫的呢?現在一塊來看看吧!


Google表單官方教學


Step1
首先,進到教學網站後,將第驟3下方的原始碼全部複製起來。
梅問題-[Google表單」如何自己動手寫Google Form的第一隻外掛擴充程式


Step2
再到Google表單,點選 工具 / 指令碼編輯器
梅問題-[Google表單」如何自己動手寫Google Form的第一隻外掛擴充程式


Step3
接著把剛的碼全部貼到程式碼.gs裡,而這些碼最主要都是用來控製擴充程式中的運作。
梅問題-[Google表單」如何自己動手寫Google Form的第一隻外掛擴充程式


Step4
接著再回到官網,將第驟5中的碼再複製起來。
梅問題-[Google表單」如何自己動手寫Google Form的第一隻外掛擴充程式


Step5
回到表單「指令碼編輯器」後,點選 檔案 / 新增 / HTML檔案
梅問題-[Google表單」如何自己動手寫Google Form的第一隻外掛擴充程式


Step6
命名為Sidebar後,再將剛的碼貼上,而這一隻是用來顯示設定的面板。
梅問題-[Google表單」如何自己動手寫Google Form的第一隻外掛擴充程式


Step7
回到官網,再將第驟12中的碼全部複製起來,並新增一個HTML命名為RespondentNotification,並將剛的碼貼上,這一隻是用來處理所有的訊息內容。
梅問題-[Google表單」如何自己動手寫Google Form的第一隻外掛擴充程式


Step8
而只需這三隻就能運作了,並將所有的檔案儲存起來,再點一下左上的專案名稱。
梅問題-[Google表單」如何自己動手寫Google Form的第一隻外掛擴充程式


Step9
接著設定此外掛名稱,中文英都可以。
梅問題-[Google表單」如何自己動手寫Google Form的第一隻外掛擴充程式


Step10
都完畢後,接著就要把擴充程式進行安裝,點一下 執行 / onInstall
梅問題-[Google表單」如何自己動手寫Google Form的第一隻外掛擴充程式


Step11
再點核對權限
梅問題-[Google表單」如何自己動手寫Google Form的第一隻外掛擴充程式


Step12
再點允許
梅問題-[Google表單」如何自己動手寫Google Form的第一隻外掛擴充程式


Step13
接著回到表單,再點外掛程式,這時就會看到剛所建立的外掛的名稱與選項啦!
梅問題-[Google表單」如何自己動手寫Google Form的第一隻外掛擴充程式


Step14
接著就會開始設定面板,而這面板就是由Sidebar所控制的,這樣就完成你的第一Google表單的外掛程式啦!而擴充程式中的gs其實與javascript有點像,因此只要會javascript的朋友,應該會蠻容易上手。
梅問題-[Google表單」如何自己動手寫Google Form的第一隻外掛擴充程式