URL 到底是什麼？
每個 URL 都是一個有結構的地址 — 學會讀它
⏱ 預估 ~4 分鐘
01 · 讀一讀
你這輩子都在點 URL。但身為工程師，你需要讀懂它們 — 不只是點下去而已。
每個 URL 都由不同的部分組成，每部分都有特定的意義。一旦你會拆 URL，你就能搞懂任何 API、debug 任何請求、做任何網路功能。
💡 想像一下URL 就像郵遞地址。Protocol 是運送方式（空運 vs 陸運），host 是街道地址，path 是公寓門牌，query string 是貼在信封上有額外指示的便利貼。
重點整理
- URL 是有結構的 — 每個部分都有名字跟用途
- Query string(?key=value)是你傳可選參數的方式
- 像 /users/42 這種 path 表示「資源 users，項目 42」
- 同一個 host 可以有上千個不同的 path
02 · 看程式碼
我們把一個真實 URL 拆成各個部分。
完整 URL
https://api.github.com/users/torvalds/repos?per_page=5&sort=updated
Protocol(協定)
https://
"How to talk" — encrypted HTTP connection.
Always https:// for real APIs (not http://).
Host(主機)
api.github.com
"Who to talk to" — the server's address on the internet.
DNS translates this to an IP like 140.82.121.6.
Path(路徑)
/users/torvalds/repos
"What to ask for" — the specific resource on that server.
Like a file path, but for API resources.
Query String(查詢字串)
?per_page=5&sort=updated
"Extra options" — key=value pairs after the ?.
per_page=5 means "give me 5 results".
sort=updated means "sort by last updated".
? 標記 query string 的開始。每個參數是 key=value。多個參數用 & 分開。Server 把每個讀成一個選項或過濾條件。
03 · 分類拖拉
判斷下面每個 URL 片段正確的部分。
(本節為互動練習，請啟用 JavaScript 體驗)
04 · 選擇題
在 URL https://api.example.com/products?category=shoes&limit=20 裡，limit=20 做什麼？
- 連到 server 的 port 20
- 把 'limit' 當查詢參數傳，值是 '20' — server 自己決定怎麼處理
- 把 server 的 CPU 用量限制在 20%
- 把 URL 的最大長度設成 20 個字元
⚠ 完整互動體驗需要 JavaScript。請啟用 JavaScript 後重新整理。
※ 本站為獨立繁中教學專案，非 Anthropic 官方產品。Claude™ 為 Anthropic, PBC 商標。