互聯網如何運作——互動圖解 · 心智圖

互聯網如何運作——互動圖解. 可編輯嘅心智圖,以彩色分支、子題目同曲線連結呈現概念。 曲線表示關聯;只有方向重要時先用箭嘴。

互聯網不是一部機器——它是一個由路由器組成的傳送網絡,在你的裝置與網頁伺服器之間搬運封包,而其中每一步都由不同的機構擁有。

互聯網如何運作——互動圖解 · 心智圖

The interactive MindMap canvas for this explanation — every lane, row and arrow above is a real QueryChart diagram you can open and edit.

點樣閱讀呢張心智圖

  • 由中央主題開始,沿住彩色分支探索相關概念。
  • 曲線表示關聯;只有方向重要時先用箭嘴。

Browser & URL

呢個分支匯集 “You type a URL into the browser”.

DNS

呢個分支匯集 “DNS is the internet's phone book: it maps the human-readable name to the server's IP address. The full lookup is its own visual — How DNS Works.”.

Network journey

呢個分支匯集 “Your router forwards the request”, “Your request is split into packets, each carrying the destination IP address. Routers at every hop decide the next leg — this simplified visual shows the whole journey as one crossing.”, “Your router delivers the packets to your device”.

Web server

呢個分支匯集 “Web server receives the request”, “Server assembles the page and its files”.

Rendering

呢個分支匯集 “The response is itself a set of packets — HTML, CSS, JavaScript and images may arrive separately and out of order.”, “Browser renders the page”.

跨分支關聯

互聯網是一個由獨立路由器組成的封包交換網絡,而不是一條電纜或一間公司。

每一個請求至少跨越三道擁有權邊界:你的網絡、ISP 基礎設施,以及伺服器的網絡。

DNS 是先決的一步——沒有 IP 位址查詢,請求就沒有目的地。

回應是許多個分別傳回的封包,由瀏覽器重新組裝。

同一套網絡基礎設施承載所有網頁流量,這就是為甚麼加密(HTTPS)在兩端至關重要。

Key relationships and takeaways

  • 互聯網是一個由獨立路由器組成的封包交換網絡,而不是一條電纜或一間公司。
  • 每一個請求至少跨越三道擁有權邊界:你的網絡、ISP 基礎設施,以及伺服器的網絡。
  • DNS 是先決的一步——沒有 IP 位址查詢,請求就沒有目的地。
  • 回應是許多個分別傳回的封包,由瀏覽器重新組裝。
  • 同一套網絡基礎設施承載所有網頁流量,這就是為甚麼加密(HTTPS)在兩端至關重要。

When to use this visual

  • 向新入職的開發人員或非技術同事解釋,由輸入一個 URL 到看見頁面之間到底發生了甚麼。
  • 把關於延遲、服務中斷或地區效能的討論,落到流量實際跨越的那個實體網絡上。
  • 讓支援團隊或 SRE 團隊認識擁有權邊界——每一跳上出現的緩慢請求,究竟是誰的問題。

運作方式

  1. 調整中央主題

    按項目或課堂修改中央主題名稱。

  2. 擴展分支

    編輯概念並加入例子或註解。

  3. 連結相關概念

    畫出跨分支連結;只有方向重要時先用箭嘴。

常見問題

互聯網運作的核心概念是甚麼?

互聯網是一個由各自獨立營運的網絡互相傳遞封包所組成的網絡。你的資料會被拆成封包,每一個都按目的地 IP 位址一跳一跳地路由過去,而回應亦沿同樣的方式返回。沒有任何一間公司擁有整條路徑——這就是為甚麼這張圖解要畫成分開的群組:你的裝置、你的本地網絡、ISP 基礎設施與網頁伺服器。

一個請求怎樣在互聯網上找到路?

每一部裝置都有一個 IP 位址,路由器會把每一個封包朝它轉發。當你的瀏覽器透過 DNS 解析域名時,它就得知伺服器的 IP 位址;此後每一個路由器讀取目的地,再挑選下一跳。路線在封包與封包之間可以改變——圖解把這一切簡化成一次跨越,好讓擁有權的交接保持可見。

回應是不是就等於請求倒過來走?

就形狀而言是的:回應是穿過同類網絡、朝你的裝置傳回的封包,由瀏覽器重新組裝。但細節上並不相同——回應封包可能走不同路線、次序錯亂地抵達,而伺服器亦可能由另一個網絡或一個 CDN 送出它們。圖解把回應保留為獨立的群組,正是為了令這趟回程顯而易見。

保安在這幅圖裡處於甚麼位置?

網絡並不私密:任何控制著你的封包所經路由器的人都可以看到它們,這就是為甚麼 HTTPS 要把內容加密。DNS 與 HTTPS 這兩張圖解涵蓋了這張畫布所依賴的兩套機制——那次令你的瀏覽器得到目的地的查詢,以及那層令整趟旅程只在兩端可讀的加密。

喺 QueryChart 編輯呢張心智圖

喺可編輯畫布開啟心智圖。移動概念、加入分支同畫連結。

喺 QueryChart 編輯呢張心智圖

心智圖的更多內容