Skip to content

網站運作原理是什麼?網域、DNS、主機到瀏覽器的流程

jc-seo

網站運作可以拆成六個角色:網域是好記的名稱,DNS 把名稱換成主機的 IP 位址,主機存放網站檔案並執行網頁程式,程式需要時向資料庫取資料,再由瀏覽器把收到的 HTML、CSS 與 JavaScript 組成畫面。訪客輸入網址時,瀏覽器先查 DNS 找到主機,再以 HTTP 送出請求,主機回應內容,瀏覽器把它畫成網頁。企業主不必會寫程式,但看懂這條路徑,就能分辨網站出問題時該找網域、主機還是程式端,也知道哪些帳號一定要握在自己手上。

網站運作的六個角色與分工

先用一張表看懂每個角色做什麼,以及企業要掌握什麼:

角色 負責的事 企業要掌握的東西
網域 給網站一個好記的名稱 註冊商帳號、到期日、續約設定
DNS 把網域對應到主機與郵件伺服器 DNS 管理後台在哪裡、誰能修改
主機 存放網站檔案、回應瀏覽器的請求 主機帳號、方案規格、備份位置
網頁程式 決定每次要回傳什麼內容 原始碼、後台管理員帳號
資料庫 存放商品、文章、會員與表單資料 資料庫備份與存取權限
瀏覽器 把收到的檔案組成畫面 不需管理,但要測試不同裝置

MDN 把連上網路的裝置分成兩種:用戶端是使用者的裝置與瀏覽器,伺服器則是存放網頁、網站或應用程式的電腦。網站運作的本質,就是用戶端向伺服器要東西、伺服器回應的過程。

輸入網址之後,瀏覽器做了哪些事

依 MDN 的說明,從輸入網址到看見畫面,大致經過以下步驟:

  1. 查詢 DNS:瀏覽器先找出網站主機的實際位址,如果先前查過,會先用電腦上的快取。
  2. 建立連線:以 TCP 與伺服器建立連線;網址是 HTTPS 時,還要完成 TLS 加密協商。
  3. 送出 HTTP 請求:請伺服器傳回頁面,資料以 TCP/IP 在網路上傳遞。
  4. 伺服器回應:同意請求時回傳 200 OK 與網頁檔案,找不到檔案時通常回傳 404。
  5. 解析與組裝:瀏覽器把 HTML 解析成文件結構,套用 CSS 樣式、執行 JavaScript,計算版面位置後繪製到螢幕上。

頁面上的圖片、字型與樣式檔,也各自需要請求與回應。所以網站慢,可能慢在 DNS、連線、伺服器產生頁面,或瀏覽器下載與繪製資源的任何一段,要找出卡在哪一段,才知道該改主機還是改網頁本身。

網域與 DNS:網址怎麼找到主機

MDN 說明,網域名稱提供人類可讀的地址,因為 IP 位址難記,而且可能改變。網域由點隔開的幾個部分組成,要由右往左讀:右邊是頂級網域,例如 .tw 或 .com,緊鄰在左的是二級網域。網域要向註冊商申請,註冊商會透過註冊管理機構記錄網域與持有人的技術及管理資訊;挑註冊商時要注意的續約與轉移問題,可參考挑網域註冊商的判斷重點。

DNS 則像網站的通訊錄,記錄這個網域的網站在哪台主機、信件交給哪台郵件伺服器。DNS 伺服器會把查到的資料保存一段時間才更新,所以修改設定後,不同地方的人可能要等一陣子才看到新結果。各種紀錄類型的用途,在DNS 紀錄的類型與用途有完整整理。對企業來說,重點是知道 DNS 管理在哪個後台:可能在註冊商,也可能在主機商或 CDN 服務,改錯地方就不會生效。

主機與網頁伺服器:網站檔案放在哪裡

MDN 說明,「網頁伺服器」可以指硬體、軟體,或兩者一起運作。硬體是一台連上網路、存放網站檔案的電腦,檔案包含 HTML、圖片、CSS 與 JavaScript;軟體則至少包含一個 HTTP 伺服器,負責接收請求並回傳檔案。

伺服器又分兩種:靜態伺服器把存好的檔案原樣送給瀏覽器;動態伺服器則在靜態伺服器之外,再加上應用程式伺服器與資料庫,先產生或更新內容,再透過 HTTP 伺服器回傳。有後台可以自行更新內容的網站,例如部落格、購物網站與會員系統,就屬於後者。

企業不一定要自己準備實體伺服器,常見做法是向主機商租用空間或虛擬主機。共用主機、VPS、雲端主機與專屬主機的差別與適用情境,可參考虛擬主機的種類比較。選主機時,除了規格,也要確認備份由誰負責、能不能自己下載備份。

網頁程式與資料庫:動態內容怎麼產生

MDN 把網頁程式分成兩端。在瀏覽器執行的是前端程式,主要負責畫面的外觀與互動,例如選單展開、表單即時檢查;在伺服器執行的是後端程式,決定每次請求要回傳哪些內容。

動態網站的頁面,通常是把資料庫裡的資料填進 HTML 範本產生的。以商品頁為例,後端程式收到請求後,向資料庫查出這項商品的名稱、價格與庫存,套進商品頁範本,再回傳給瀏覽器;後台新增一項商品,只是在資料庫多一筆資料,不必另做一頁。後端程式也能限制只有授權的使用者看得到特定資訊,並用工作階段記住目前登入的是誰,會員中心、訂單查詢與預約系統都靠這個機制。

這也是為什麼網站備份要同時包含檔案與資料庫:只備份其中一邊,還原時內容或程式就會缺一半。

網站出問題時,先判斷是哪一段

知道網站運作的路徑後,遇到問題可以先對照下表縮小範圍,再聯絡對應的服務商:

看到的狀況 可能的環節 先檢查什麼
瀏覽器顯示找不到伺服器 網域或 DNS 網域是否到期、DNS 是否被改動
剛改設定,有人看到舊網站 DNS 資料尚未更新 修改時間與設定值是否正確
出現 404 頁面 網址或檔案不存在 網址是否改過、有沒有設定轉址
顯示資料庫連線錯誤 主機或資料庫 主機狀態、資料庫帳號與空間
畫面排版錯亂 樣式或程式檔沒有載入 近期是否更新外掛、版型或程式
瀏覽器提示連線不安全 HTTPS 憑證 憑證是否到期、網址是否一致

判斷時先記下發生時間、受影響的網址與畫面截圖,服務商排查會快很多。

常見問題

網域可以永久買斷嗎?

不行。MDN 說明網域無法買斷,你付費取得的是一段期間的使用權,期滿可以續約,續約享有優先權。所以要開啟自動續約並更新付款資訊,避免網域到期失效。

HTTPS 和 HTTP 差在哪?

HTTPS 是 HTTP 的加密版本,以 TLS 加密用戶端與伺服器之間的所有通訊,讓表單、登入與付款資料在傳輸時不易被竊看。網站需要安裝有效的憑證才能使用 HTTPS。

換主機時網址要跟著改嗎?

不一定。網域不變時,把網站搬到新主機後,再修改 DNS 指向新主機的位址即可,網址可以維持原樣。DNS 更新需要一段時間,搬遷期間建議讓新舊主機同時運作。

為什麼改了內容,有人看到的還是舊版?

可能是瀏覽器、主機或 CDN 的快取還保留舊檔案,也可能是 DNS 資料尚未更新。可以先用無痕視窗或其他裝置確認,再清除對應的快取。

企業需要自己架伺服器嗎?

不一定。租用主機可以省去機房、硬體與網路維護,企業掌握主機帳號與備份即可;有特殊的法規、資料存放或效能需求時,再評估自建或主機代管。

本文由京采數位科技整理。我們自 2005 年起提供官網設計、系統開發與 Google SEO 服務,實際案例可見成果與案例。

想直接討論你自己的網站狀況,或需要一份初步的搜尋機會評估?

相關主題

下一步

建議先盤點目前網站的網域、DNS、主機、後台與資料庫備份分別掌握在誰手上,缺漏的帳號趁現在補齊。京采可以協助網站規劃與建置,並檢查網域、DNS 與主機設定,讓每一段都有人負責、有資料可查,詳細內容可參考網頁設計服務,也歡迎與我們聯繫討論現況。