因為工作接觸到CDN後,為了更瞭解網頁與站台的架構,因此選擇自行架設網站作為Lab所需,本篇文章會說明一個網站從無到有會需要哪些元件,並且逐項說明元件扮演的角色,讓讀者可以先行理解,之後會再產出關於如何自行架站的文章


關於自行架站,以現在來說並不會太困難,網路上已經有許多教學,也有許多一鍵式架站的服務可以選擇,個人品牌經營也可以用社群軟體進行,那為什麼我們還要考慮/評估自行架設網站呢?

筆者認為有以下三個理由,你應該考慮自行架設網站

  1. 想要學習網頁技術者:不管你是想學習前端或是後端技術,自行架設網站可以讓你更好理解整個站台的元件間的運作原理,並且運用實際操作來加深或實踐學習到的技術,讓你可以更加熟悉網頁運作原理。
  2. 個人品牌/自媒體經營者:雖然現在是社群媒體的時代,但終究還是寄生在科技巨頭的平台上,演算法或是社群規則一有風吹草動,就需要配合調整,因此經營屬於自己的網站與訂閱戶,可以加強品牌本身與粉絲黏著度,並且可依照自己想要的表達方式進行網頁的設計,不再被社交平台的框架所侷限。
  3. 專業工作者:需要在網路上曝光自己的經歷與專業背景進而獲取客源的工作者也是相當適合自行架站的一個族群,在與業主洽談時,網頁中的作品集就是對業主最好的提案書,並且有個自行架設的網站,也會大幅提高陌生業主對你的信任度,透過網頁提前瞭解你提供的服務與價格,有效減少無效溝通的時間。

在了解為何需要自行架設網站後,接下來就一步一步帶著各位認識網站中必備的元件,讓各位在自行架站上可以如魚得水

架設網站來說會有以下幾個元件組成:

  • 網域:客戶訪問網頁時用的域名,Domain Name,例如google.com、facebook.com等
  • 憑證:用戶訪問網頁時用的一把鑰匙,透過這把鑰匙來跟網站做連線的加密,防止資料外洩
  • DNS主機:網路世界的查號台,電腦間都是用IP來溝通,DNS就是把網域轉換成IP,讓電腦可以連線到對應的站台
  • 網頁主機:架設網頁所需要的運算資源,CPU、RAM、Storage等
  • 內容管理軟體:協助管理網頁樣式、文章更新等資訊,目前最多人使用的是wordpress,相關學習資源也比較容易取得

因此一個網頁訪問的完成順序會如下

  1. 使用者在瀏覽器輸入Domain後,瀏覽器會發出請求去找對應的DNS
  2. DNS會針對此請求回應該Domain的IP給瀏覽器
  3. 瀏覽器收到IP回應後,會再發出連線請求給該IP
  4. 網頁主機收到連線請求後,會與瀏覽器進行憑證確認,建立一條加密的通道
  5. 通道建立完成後便會回傳網頁主機的內容給到瀏覽器,此時瀏覽器便會開始顯示網頁上的資訊

到這邊就是建立站台所需要元件的說明與介紹,之後會再詳細說明關於建立網站的保母級教學,只要照著做,就可以一步一步的建立出屬於自己的個人網站,開始建立個人品牌。