從瀏覽器到伺服器

根據我所學習的知識,自行繪製了下方的簡易流程圖。

整體流程是由使用者在瀏覽器中的網址列輸入網址後開始的,也就是途中左側的 Client 端。首先當然是要有網際網路連線,也就是圖中的 wifi,瀏覽器開始解析網址中的資訊,找到代理伺服器與對應的域名後,將需求發 request 進到 Server 端。

進到 Server 端後,會先經過 load balance 這樣的機制,先判斷 Client 端 request 的 IP 位置是哪一台 server,才會經由該 server 回傳後端經過運算或分析後,response 目前該網址可看到的對應資料給瀏覽器,最後被使用者看到。

clients and servers

依照流程圖中的一些名詞,稍微做簡單的解釋如下:

  1. Browser:使用者使用的瀏覽器,像是Chrome, Edge 等。
  2. Wifi:網路。
  3. Router:路由器。
  4. Proxy:代理伺服器。可以用來防止惡意攻擊。
  5. DNS:域名解析伺服器。將 URL 轉為 IP。
  6. Load Balance:負載平衡器。避免同時多位使用者打 request,導致負擔過重。
  7. Reverse Proxy:可以處理憑證、快取、靜態檔案等。

目前雖然我僅僅是一名前端工程師,但也想記錄自己所理解的網站應用原理,所以想透過自己學習的資源,慢慢統整自己所理解的些微後端觀念。

參考連結:成為看起來很強的後端系列影片前端三十系列好文