【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)。

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