10/15 課後練習題 (打卡)
Embedded Files
「無伺服器定位打卡系統」架構
整體運作流程為：前端 HTML 網頁（取得 GPS 經緯度與產生 UUID）透過 POST 請求發送給 Google Apps Script (GAS) Web App，最後由 GAS 寫入 Google 試算表。
以下為您整理完整的實作步驟，包含 Google Sheet 欄位規劃、後端 GAS 串接程式，以及完整的前端 HTML 程式碼。
撰寫 html 如圖示
建立一張新的 Google 試算表" hh/2610 AI 工作坊"，建議將第一列（標題列）設定為以下欄位
撰寫 GAS (App Script) 放到 google sheet 擴充功能
GAS 部署
GAS 部署
部署為 Web App 關鍵步驟：
點擊右上角 「部署」 > 「新增部署作業」。
齒輪圖示選擇 「網頁應用程式」。
以何身分執行：選 「我」（您的 Google 帳號）。
誰可以存取：務必選 「所有人」（免登入即可寫入）。
點擊「部署」，授權存取權限後，複製取得的 「網頁應用程式網址 (Web App URL)」。
SOP
SOP
submit prompt to Gemini for codes
copy and paste html to Github
create a new google sheet
copy and paste GAS on sheet
copy the URL and paste on html
publish the webpage
打卡的展示地圖
Hua & EE for demo
打卡6.0 已經改為APK方式安裝在手機上
打卡5.0 改在LINE官方帳號
打卡4.0 加上fireabse的帳號密碼,更加安全
打卡3.0 改用firebase, 地圖的點可以用公路的軌跡
打卡2.0 加上地圖的點可以連成直線
打卡1.0 最陽春的版本就是用google sheet
Page updated
Google Sites
Report abuse