# 紀錄 gather town 上線人數 因為疫情影響,計畫將成果展改為線上舉行,使用 gather town 展示&紀錄成果,團隊成員提出無法記錄成果展的效果是否如預期,又剛好看到漢偉學長製作"NCNU BBB NoneStop chrome extension",於是想到監聽網頁紀錄目前線上的人數。 ## 使用方法 1. 新增一個 google sheet 2. 在第一欄寫 `時間` , 第二欄寫 `人數` - ![](https://i.imgur.com/QD4OjCq.png) 3. 進入 Google Sheets 指令碼編輯器 - 擴充功能 > Apps Script - ![](https://i.imgur.com/BosWSaH.png) 4. 在 Apps Script 貼上以下程式碼 ```javascript= var SpreadSheet = SpreadsheetApp.openById("輸入您的 google sheet id"); var workSheet = SpreadSheet.getSheets()[0]; // 採用 GET 的方式傳送資料 // 在 app script 中如果傳送方式為 GET,一定要使用 doGet 的 function 名稱,POST 則是 doPost function doGet(e) { var params = e.parameter; var time = params.time; var number = params.number; // 插入新資料 workSheet.appendRow([time, number]); return ContentService.createTextOutput("success"); } ``` > 像這樣 :point_down: > ![](https://i.imgur.com/THfDndc.png) 5. 更改程式碼中的 google sheet id,id 為試算表網址中 `https://docs.google.com/spreadsheets/d/` 和 `/edit` 之間 > 紅色部分為 google sheet id > ![](https://i.imgur.com/sg3nT1L.png) 6. 將程式碼部署爲網路應用程式,右上角部屬 > 新增部屬作業 > 存取為所有人(如下圖)<br/> ![image](https://user-images.githubusercontent.com/82037691/153187043-a2fb5d83-47ad-4f2d-965e-fafd40906a7f.png)<br/> ![image](https://user-images.githubusercontent.com/82037691/153187288-ebbdb6e0-0a2c-49d1-921b-16a423323511.png)<br/> 7. 複製 網頁應用程式 網址<br/> ![image](https://user-images.githubusercontent.com/82037691/153190157-1b8ace55-f60c-4e9f-8213-dc57f3adf776.png) 8. 在某個資料夾下 clone 這個專案 - `git clone https://github.com/ChiHua0918/record_gatherTown_people.git` 9. 開啟 `recordPeople.js` ,將剛剛複製 網頁應用程式 網址貼至第四行的 url ![](https://i.imgur.com/jJWdn0t.png) - 記得儲存 ! 10. 開啟 管理擴充功能 頁面,更多功能 > 擴充功能 ![](https://i.imgur.com/KvV2rG9.png) 12. 右上角開啟開發人員 > 載入未安裝封裝項目 ![](https://i.imgur.com/WCENdMt.png) 12. 載入剛剛 clone 的專案 ![](https://i.imgur.com/oidFb7Q.png) 13. 大功告成 ![](https://i.imgur.com/BLIByLv.png) ## 參考資料 - [NCNU_BBB_NonStop](https://github.com/UncleHanWei/NCNU_BBB_NonStop) - [資料匯入至 google sheet](https://medium.com/unalai/%E5%AF%AB%E7%B5%A6%E7%B4%94%E5%89%8D%E7%AB%AF-%E8%AE%93-google-sheets-%E7%95%B6%E4%BD%A0%E7%9A%84%E5%BE%8C%E7%AB%AF%E5%AE%8C%E6%88%90%E5%AF%AB%E5%85%A5%E5%8A%9F%E8%83%BD-715799e5e013) - [部屬&驗證步驟](https://www.marketersgo.com/marketing-tools/202005/google-sheets-script/) - [app script request parameters](https://developers.google.com/apps-script/guides/web#url_parameters) ## 感謝名單 技術指導: 偉哉漢偉 漢偉學長 github :point_right: https://github.com/UncleHanWei >可以去幫他點星星 :star: