跳到主要內容
Cypher's Practical Coding
正在準備工作環境...

API 基本概念與 HTTP 方法

  • API(Application Programming Interface)讓系統以標準格式溝通,常以 HTTP + JSON 傳遞。
  • 對 91APP 來說:前台、後台、廣告平台、GA4/BigQuery 都透過 API 交換資料。

常見 HTTP 方法

  • GET:取得資料(例:抓商品庫存)。
  • POST:建立資料(例:送出訂單、回傳轉換事件)。
  • PUT/PATCH:更新資料(例:修改活動設定)。
  • DELETE:刪除資料(例:停用廣告素材)。

Request 與 Response

  • Request 會包含:URL、方法、標頭(Headers)、可能的 Body。
  • Response 會包含:狀態碼(200 成功、400 請求錯)、Headers、Body(常是 JSON)。

狀態碼快速表

  • 2xx:成功(200 OK, 201 Created)
  • 4xx:用戶端錯誤(401 未授權、404 找不到)
  • 5xx:伺服器錯誤(500 系統故障)

練習題

AI 協作:學了這個,跟 AI 怎麼配合?

了解 API 基本概念,你就能跟 AI 說「幫我串這個 API」,而不是等工程師排期。

你的人類優勢:

  • 你知道要從哪個系統拿什麼資料(GA4、廣告平台、CRM)
  • 你能看懂 API 文件裡的端點和參數說明

可以這樣跟 AI 說:

這是某個 API 的文件,端點是 GET /api/orders?status=completed&limit=100。幫我寫 fetch 呼叫,然後把結果印出來。

互動示範

DEMO 1可以修改程式碼試玩

挑戰任務

Task 1

模擬 API 回傳,若 status 是 200 印出「成功」,否則印出 response.body.message。

起始程式碼: const response = { status: 401, body: { message: "token 失效" } };

Task 2

根據 status 印出對應文字:200→「成功」、404→「找不到」、500→「伺服器錯誤」。

起始程式碼: const res = { status: 404 };

Task 3

模擬 POST request,將物件轉成 JSON 字串後印出。

起始程式碼: const body = { action: "addToCart", sku: "SKU-100", qty: 1 };

BackNext Lesson →