養成資訊好習慣 • 輕鬆學會記帳號
只要輸入 @ 前面的帳號 就可以囉！
不用擔心！靜態網頁發布到雲端後，全班學生可以在不同裝置上同時開啟使用。
只要透過免費架站平台（如 GitHub Pages、Netlify 或 Google 協作平台）把這個網頁發布，產生的專屬網址就可以讓全班 20~30 位學生**同時在各自的電腦或平板上開啟**。配合串接 **Google Apps Script (GAS)**，老師只要在雲端 Google 試算表修改名單，學生畫面就能自動同步！
在您的 Google 雲端硬碟建立一個新的試算表，命名為「三年級學生名單」。
A 欄標題填：`username`（填寫帳號 @ 前面），B 欄標題填：`name`（填寫學生姓名）。
例如：A2 填 `30101`，B2 填 `張小明`。
在試算表上方選單點選 **「擴充功能」 -> 「Apps Script」**，會打開程式碼編輯視窗。
刪除預設的程式碼，把下方這段專用程式碼完整複製並貼上去，然後按上方「💾 儲存」按鈕：
function doGet() {
var sheet = SpreadsheetApp.getActiveSpreadsheet().getActiveSheet();
var data = sheet.getDataRange().getValues();
var students = [];
// 從第 2 列開始讀取 (第 0 欄為帳號，第 1 欄為姓名)
for (var i = 1; i < data.length; i++) {
var acc = String(data[i][0]).trim();
var name = String(data[i][1]).trim();
if (acc && name) {
students.push({
username: acc,
name: name
});
}
}
// 回傳 JSON 格式名單
return ContentService.createTextOutput(JSON.stringify(students))
.setMimeType(ContentService.MimeType.JSON);
}
1. 點擊右上角 **「部署」 -> 「新增部署」**。
2. 齒輪圖示選擇 **「Web 應用程式」**。
3. **「執行身分」** 選擇：我 (Me)。
4. **「誰有權存取」** 務必選擇：任何人 (Anyone) （這樣學生網頁才能讀取）。
5. 點擊「部署」，完成授權後複製**「網頁應用程式 URL」** (網址通常以 `https://script.google.com/macros/s/...` 開頭)。
點擊本網頁右上角的 **「教師設定」**，將複製的 GAS URL 貼入「Google Apps Script (GAS) API 網址」欄位，點擊「測試連線與同步」，看到綠燈即表示全班 20 多位學生的網頁均已成功連線！
分析「靜態網頁」與「GAS 試算表串接」在速度、設定難度與多班級維護之差異。