我的第一堂 - 網路基礎概論

前言

網路人人都在使用，但是網路背後運作的原理，會深入研究的人就很少了。
我們來用最簡單的方式了解，跟網路有關的專有名詞，背後是什麼意思。

本篇文章會提到關鍵字如下：

IP位置 & 域名
內網與外網
DNS
server
request
response
前端與後端

IP 位置 & 域名

網路世界的地址，讓你能夠順利找到你要的網頁。
地址 是獨一無二的，跟你家地址是一樣的概念，只要在信上寫下你家的地址，郵差只會找到你家，這個地址只會對應一個目的地。

IP 位置是由四個數字組成，範圍是 0 ~ 255

範例： 10.24.100.15

域名 是一個讓大家更好閱讀也更好記住的名稱

中正紀念堂 就是一個讓大家好記住的名稱，所以他就是 域名，
台北市中正區中山南路21號 就是獨一無二的地址，也就是 IP 位置

換成網路的世界

google.com 是一個讓大家好記住的名稱，他就是 域名，
172 . 217 . 27 . 142 就是他的 IP 位置

因為 域名 比較好記也比較好溝通，所以日常生活我們用的一般都是 域名

DNS

Domain Name System
用來幫你把 域名 轉換成 IP 位置

(引用 Huli 老師的圖)

就好像你去 Google Map 查詢 中正紀念堂 他會告訴你完整地址是一樣的。

內網與外網

有些眼尖的人可能會發現，怎麼自己的 IP 位置 怎麼跟別人的一樣？

(引用 Huli 老師的圖)

左邊圈圈裡頭的都是 虛擬 IP，公司所使用的內網就是如此，所有員工的電腦會在同一個內網底下，那這些電腦對外連出去到外網的時候，外網看到的都會是同一個 IP。

在內網底下，每台電腦自己有不同的 虛擬 IP，但連到外網之後，外面所看到的都會是同樣的 IP。

有些公司的內部服務會 鎖 IP 導致你在自己家裡頭會連不上公司後台的管理系統。這個時候可以利用 VPN 來從外部連進內部的網路系統。

當我們在 google 搜尋的時候，實際上發生了什麼？

在開始了解發生什麼之前，有幾個名詞要先說明：

瀏覽器 ：讓我們瀏覽網頁的工具 ( IE,Chrome,FireFox,Safari 這些都是瀏覽器 )
request ：請求，告訴別人你希望得到什麼
response ：回應，別人根據你的請求所給你的回應
server ：司服器 ，網站架設的平台
資料庫 ：存放司服器資料的地方

接下來來看看下面這張流程圖：

從你輸入 google 搜尋 到你按下 Enter 中間發生了哪些事？

瀏覽器判斷 request 內容就是說要傳給 google.com
電腦作業系統就會收到這個發 request 的需求
就會先把目的地，也就是 google.com 取出來
然後發 request 給 DNS server 問 google.com 怎麼走？
DNS 回說，去 172 . 217 . 27 . 142 就是了。
瀏覽器送 request 給 172 . 217 . 27 . 142。
位在 172 . 217 . 27 . 142 的 Server 接收到 request。
Server 去搜尋資料庫，查詢你要的關鍵字。
資料庫找到了，把資料傳給 Server。
Server 回傳 response 給瀏覽器。
瀏覽器解析回傳的 response 並顯示出來。

搜尋的這個動作，request 的資料並不是只有「關鍵字」這麼簡單，裡面會有要傳送的目的地，要發送的資料等等，而瀏覽器在發 request 之前會先做一個解析，確認自己知不知道這個 domain，若是有需要詢問 DNS，才會進到 DNS 的解析流程。等到確定好目的地後再把訊息發給那個 IP 。

前端 & 後端

前端 (Front-end)
我們打開網頁，所有看的到的畫面（圖片, 按鈕, 文字, 功能），都算是前端的範疇。像是公司的 介紹網站 ，上面會提供了很多資訊可以閱讀。但是不提供 註冊帳號, 留言評論, 按讚分享 等功能，這個網站就是一個靜態網站。只需要由 html, css, JavaScript 就可以達成。