總共 4 個步驟,約需 5 分鐘
步驟 1:建立 Google Sheets
- 打開 Google Sheets
- 點左上角「+ 空白」建立新試算表
- 把標題改成「採購管理資料」(隨便取都可以)
步驟 2:開啟 Apps Script 編輯器
- 在剛建立的試算表,點上方選單「擴充功能」
- 選「Apps Script」
- 瀏覽器會開啟一個新分頁,這就是程式碼編輯器
步驟 3:貼入程式碼
- 把編輯器裡面原本的程式碼全部刪掉
- 打開「採購系統_AppScript.gs」這個檔案
- 把裡面的程式碼全選複製,貼進 Apps Script 編輯器
- 按「Ctrl+S」(Mac: Cmd+S)儲存,專案名稱改成「採購API」
步驟 4:部署為網路應用程式
- 點右上角「部署」按鈕 → 選「新增部署作業」
- 點「類型」旁邊的齒輪圖示 ⚙ → 選「網路應用程式」
- 填寫以下設定:
- 說明:採購管理API(隨便填)
- 執行身分:我(你的帳號)
- 誰可以存取:所有人(這步很重要!)
- 點「部署」
- Google 會要求你授權 → 點「授予存取權」→ 選你的帳號 → 點「進階」→「前往採購API(不安全)」→「允許」
- 部署完成後,畫面會出現一個網址,格式像:
https://script.google.com/macros/s/AKfycb.../exec
複製這個網址
步驟 5:貼入採購系統
- 打開你的採購管理系統 HTML
- 點左下角「⚙ 雲端同步設定」按鈕
- 把剛才複製的網址貼進去
- 點「測試連線」,看到「✓ 連線成功」就完成了
- 點「儲存」
完成!之後每次新增、編輯、刪除商品都會自動同步到 Google Sheets,換電腦或換瀏覽器打開時會自動從雲端讀取最新資料。
常見問題
Q:改了程式碼後需要重新部署嗎? A:需要。每次修改 .gs 程式碼後,要再點「部署 > 管理部署作業 > 編輯 > 新版本 > 部署」,網址不會變。
Q:「所有人」都能看到我的資料嗎? A:不會。「所有人可存取」只是讓你的 HTML 能呼叫這個 API,資料存在你自己的 Google Sheets 裡,外人不知道你的 Script 網址就無法存取。如果擔心安全,可以在程式碼加上密碼驗證(需要額外設定)。
Q:同步失敗怎麼辦? A:左下角會顯示「⚠ 同步失敗」,資料仍然存在本地 localStorage,不會遺失。可以重新整理頁面再試,或檢查 Apps Script 是否正確部署。
Q:試算表裡的資料長什麼樣子? A:資料以 JSON 格式存在第 2 列,旁邊有「最後更新時間」和「商品數量」欄位,方便確認同步狀態。