---
# System prepended metadata

title: 紀錄 gather town 上線人數

---

# 紀錄 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:
