LESSON-26 · SELF-PACED PRACTICE

GAS 商品 GET、訂單 POST 與聯絡 POST 契約

把「GAS 商品 GET、訂單 POST 與聯絡 POST 契約」拆成 4 個可獨立完成、可重設、可驗證的自主學習 module。

4個獨立主題3個練習階段1個整合挑戰

看見缺口 → 修改一小段 → 重新載入驗收

每一個 topic 都有自己的檔案、Starter、Checkpoint、Solution 與證據清單。

先知道今天要做什麼

不要從長篇名詞開始；先從第一個可完成的小任務開始。

從第一張卡開始，先閱讀任務情境與預期畫面。

打開 Starter 的實作檔，依 Step 逐步修改，不靠按鈕代做。

重新整理頁面，對照畫面、DOM、Computed、Console 或文件證據。

每張卡只練一個責任；完成後再進入下一張。

能建立 action=listProducts 的 doGet 查詢契約。

要修改：files/starter/apps-script/Code.gs

能讓 doGet 依 Products.active 過濾，只公開商品五欄並回傳可讀取的 {ok,data,message,error} envelope。

要修改：files/starter/apps-script/Code.gs

能以 form-urlencoded 的 action=createOrder 與 payload JSON 字串傳 submissionId、五個購買人欄位與 items。

要修改：files/starter/apps-script/Code.gs

能以 form-urlencoded 的 action=createContact 與 payload JSON 字串傳 submissionId、五個聯絡欄位，並讀取 {ok,data,message,error} 回應。

要修改：files/starter/apps-script/Code.gs

把已完成的責任轉回本章完整作品，不把整合步驟冒充成單項教學。

在同一份章節作品中整合 4 個 module，排除單項通過但組合失敗的問題。

完成 action=listProducts、createOrder、createContact 三條 GAS 契約、form-urlencoded POST 與一致 {ok,data,message,error} envelope；前端無秘密。

如果你現在只想知道下一步，先做這件事。

開啟「商品 GET Query」：先看 files/starter/apps-script/Code.gs 的先看 Network request URL 是否含唯一 action。，記錄目前狀態，再修改一小段。