~/VibeHandbook
免費 PDF

03 · 10

回顧與練習

關鍵要點

  • 網路就是一支不斷重複的簡單舞蹈:客戶端(通常是瀏覽器)發出請求伺服器返回響應。其餘的一切都只是疊加在這之上的細節。
  • 是帶標籤的幾個部分拼接而成——scheme、host、path、query。方法就是動詞:GET 讀取,POST 建立,PUT 更新,DELETE 刪除。
  • 狀態碼是伺服器一眼給出的判定。4xx/5xx 之分告訴你該往哪兒看:4xx 意味著請求錯了(URL 不對),5xx 意味著伺服器自己的程式碼出了問題。
  • (小鎖)把對話封起來,讓中間任何人都讀不到——真正的應用始終使用它。Cookie 是網站跨多個請求記住你已登入的方式。
  • 你的前端是客戶端(在瀏覽器裡執行),你的後端是伺服器(執行你的邏輯並與資料庫對話)。你構建的每個功能都處在這支舞蹈的某一側。

動手試試

開啟任意一個網站,然後開啟瀏覽器的開發者工具(右鍵 →"檢查",再切到"Network/網路"標籤)。重新整理頁面。看著請求列表被填滿——你會看到一個頁面請求,緊接著是為圖片、字型和樣式發出的幾十個請求,正如前文所述。點開其中一個,看它的方法(GET)、狀態碼(但願是 200)和標頭。你現在正即時看著請求/響應這支舞蹈上演,而且具備了讀懂它的詞彙。

本章提示詞

我是初學者,正在學習網路是如何運作的。用我自己的應用作為例子:
<描述你的應用,或貼上一個 URL 或你看到的錯誤>

- 針對一個具體的操作(比如載入頁面或提交表單),
  一步一步帶我走一遍請求/響應的迴圈。
- 告訴我哪一部分是客戶端(前端),哪一部分是伺服器(後端)。
- 如果我看到一個狀態碼或錯誤,請解釋它是 4xx(我的請求有誤)
  還是 5xx(伺服器崩潰了),以及該去哪裡檢視。
- 保持具體且對初學者友好 —— 不假設任何已有知識。

想離線閱讀?

免費下載整本書的 PDF 或 EPUB。