~/VibeHandbook
免費 PDF

16 · 02

自定義域名與 DNS

一個 *.workers.dev*.vercel.app 拿來測試沒問題,但你會想要屬於自己的名字。流程如下:

  1. 買下域名(Namecheap、Cloudflare Registrar、Porkbun——挑一個)。
  2. 把它的 指向你的託管平臺。這通常意味著新增一條 CNAMEA 記錄,或者徹底更換域名的 nameserver。
  3. 在託管平臺的控制面板裡新增這個域名,讓它自動簽發一張 SSL 證書(SSL certificate,證明這個站點確實屬於你的數字身份證,它會點亮那把小鎖,並開啟 ——網路傳輸協議的安全加密版本)。

給你一個快速的心智模型,好讓這些記錄不再像魔法:一條 A 記錄把一個名字直接指向一個 IP 地址;一條 CNAME 把一個名字指向另一個名字(當託管平臺的 IP 可能在你不知情時變化時很有用);而 nameserver 把整個域名交給一個服務商,讓它替你管理每一條記錄。大多數現代託管平臺更偏好用 CNAME 或者整體切換 nameserver——它們想自己管理 SSL 證書和邊緣路由。

下面是一個訪客的請求所經過的整條鏈路,以及你設定的每一塊分別住在其中的什麼位置:

  訪問者輸入
  yourdomain.com
       │
       ▼
 ┌───────────┐  "yourdomain.com     ┌──────────────┐
 │  瀏覽器   │── 的IP是?" ──────────▶│     DNS      │  ← 你的 A / CNAME
 │           │◀── IP在這 ────────────┤  (註冊商)    │     記錄指向這裡
 └─────┬─────┘                       └──────────────┘
       │  向該IP發HTTPS請求
       ▼
 ┌───────────┐   ← SSL證書證明這個網站
 │   主機    │     確實屬於你
 │ (CF/Vercel)│
 └─────┬─────┘
       │  路由到
       ▼
 ┌───────────┐
 │   應用    │  提供頁面
 └───────────┘

DNS 對新手來說是最令人困惑的一環,多半是因為術語和傳播延遲。讓 AI 來翻譯。問它:"我的域名註冊在 Namecheap,託管在 Cloudflare Pages。一步一步告訴我究竟要新增哪些記錄、填什麼值,以及如何驗證它生效了。" 然後用一次快速檢查親自驗證結果,而不是僅僅重新整理瀏覽器:

# 查詢全世界實際看到的記錄
dig yourdomain.com
nslookup yourdomain.com

# 確認證書已上線且未過期
curl -I https://yourdomain.com

DNS 改動的傳播可能需要幾分鐘到一天不等的時間,而其中最大的騙子是你自己瀏覽器的快取——在網際網路其餘部分早已更新之後,它還會樂呵呵地給你看一個過時的答案。如果它沒有立即上線,那是正常的——在你以為出了問題之前,先用手機的蜂窩資料查一下,或者用一個線上的"DNS 傳播"檢測工具。

想離線閱讀?

免費下載整本書的 PDF 或 EPUB。