【Day01】瀏覽器運作原理(客戶端-伺服器(Client/Server)架構)


Hi 大家好 我是Grant!
進入<七天切出屬於自己的個人網站>系列文的第一篇囉!
在我們進入實戰之前,必須要了解網路世界的運作原理,尤其是與網頁開發最息息相關的瀏覽器運作原理了。

瀏覽器運作原理主要是依靠Client-Sever架構,如下圖。


這個架構主要有兩個部分:

  1. Server(伺服器)
    伺服器用來提供web服務,市面上如apache、Tomcat及nginx…等。這些都是web server軟體。
    若在電腦(指主機)上執行apache等伺服器,就可以將電腦本身變成伺服器,在電腦上開一個連接埠(port)。只要電腦是有連接到Internet且有個獨立IP,那使用者(client)就可以透過這個IP位址來連接到你的電腦。
    另外,值得一提的是,Server通常會建立在大型主機或商業電腦上,因為Server要處理大量來自客戶端的請求,本身基礎的算力也非常重要。

  2. Client(客戶端)
    常見的Client端就是大家所熟知的瀏覽器,如Chrome及Firefox…等瀏覽器。
    以瀏覽器為例,若今天我們想查看一篇新聞,當我們連上新聞網時,瀏覽器(client)就會透過HTTP協定送出請求(request)到Server那邊去提取資料(Get)。當Server接收到Client端的需求且經確認後,Server有該資料時,就會回傳一個帶有新聞內容的回應(response)給Client端,並呈現在Browser頁面上,若找不到資料,則會回傳HTTP錯誤代碼,也就是大家所熟知的404頁面囉。

結論就是,Server負責提供服務與內容,Client則負責請求服務。

當然,題外話,Client與Server不一定會使用Http協定進行溝通,也可以透過IPC(行程間通訊)來溝通,只是這系列我們將會探討的是連網的Client-Server架構,就不多著墨這種可能了。

以上就是關於瀏覽器運作的基本觀念,接下來下一篇將會介紹何謂HTML超文本標記語言以及之中比較重要的標籤(tag)。

本系列文章將同步發布於我的個人網站

#HTTP #Web #瀏覽器 #Client-Server






留言討論