正在準備工作環境...
電商實戰：商品查詢到結帳
前面五課學的所有技能——讀文件、發請求、認證、POST、分頁——在這一課串起來。我們模擬一個完整的電商 API 操作流程。
電商 API 全流程
搜尋商品 → 查看詳情 → 加入購物車 → 結帳下單 → 查詢訂單狀態
GET GET POST POST GET
Step 1：搜尋商品
Step 2：查看商品詳情
Step 3：加入購物車
Step 4：結帳下單
Step 5：查詢訂單狀態
Request Chaining in API Workbench
API Workbench 支援「串連請求」——上一步的結果自動帶入下一步：
AI 協作：學了這個，跟 AI 怎麼配合？
學會完整 API 流程後，你可以讓 AI 幫你寫「自動化腳本」——從查詢到操作一氣呵成。
你的人類優勢：
- 你理解業務邏輯：什麼條件要下單、什麼時候要取消
- 你能設計驗證規則：金額對不對、庫存夠不夠、狀態轉換合不合理
可以這樣跟 AI 說：
幫我寫一個電商 API 整合測試腳本：先搜尋商品 → 取第一筆結果的 ID → 加入購物車 → 結帳。每一步都檢查 status code 是否正確，失敗就停下來回報是哪一步出錯。
練習題
互動示範
DEMO 1可以修改程式碼試玩
DEMO 2可以修改程式碼試玩
DEMO 3可以修改程式碼試玩
DEMO 4可以修改程式碼試玩
DEMO 5可以修改程式碼試玩
DEMO 6可以修改程式碼試玩
挑戰任務
Task 1
從商品搜尋結果中，找出價格最低的商品，印出「最便宜: 運動外套 NT$990」。
起始程式碼： const products = [ { name: '防風外套', price: 1890 }, { name: '羽絨外套', price: 3490 }, { name: '運動外套', price: 990 } ];
Task 2
計算購物車折扣。原價 subtotal = 4990，折扣 discount = 0.8（八折），運費 shipping = 60（未滿 3000 才收）。印出「應付: NT$3992」。
起始程式碼： const subtotal = 4990; const discount = 0.8; const shipping = 60;
Task 3
判斷訂單狀態，印出對應的中文。mapping: confirmed→已確認, shipped→已出貨, delivered→已送達。
起始程式碼： const order = { id: 'ORD-001', status: 'shipped' };
← BackTake the Exam →