~/VibeHandbook
PDF ฟรี

บท 16 · 02

โดเมนกำหนดเองและ DNS

แบบ *.workers.dev หรือ *.vercel.app นั้นใช้ทดสอบได้ดี แต่คุณต้องการชื่อของตัวเอง ขั้นตอนมีดังนี้:

  1. ซื้อโดเมน (Namecheap, Cloudflare Registrar, Porkbun — เลือกเจ้าใดเจ้าหนึ่ง)
  2. ชี้ ของโดเมนไปยังโฮสต์ของคุณ ปกติแล้วหมายถึงการเพิ่มเรคคอร์ด CNAME หรือ A หรือเปลี่ยนเนมเซิร์ฟเวอร์ (nameserver) ของโดเมนทั้งหมด
  3. เพิ่มโดเมนในแดชบอร์ดของโฮสต์แล้วปล่อยให้มันออกใบรับรอง SSL (บัตรประจำตัวดิจิทัลที่พิสูจน์ว่าเว็บไซต์นี้เป็นของคุณจริง ๆ และเปิดใช้งานสัญลักษณ์แม่กุญแจกับ ซึ่งเป็นเวอร์ชันที่ปลอดภัยและเข้ารหัสของโปรโตคอลการถ่ายโอนข้อมูลเว็บ) ให้โดยอัตโนมัติ

มาทำความเข้าใจแบบง่าย ๆ กันสักหน่อย เพื่อให้เรคคอร์ดพวกนี้เลิกดูเหมือนเวทมนตร์: A record ชี้ชื่อโดเมนตรงไปยังที่อยู่ IP; CNAME ชี้ชื่อหนึ่งไปยัง ชื่ออื่น (มีประโยชน์เมื่อ IP ของโฮสต์อาจเปลี่ยนได้โดยที่คุณไม่รู้ตัว); และ nameserver คือการมอบโดเมนทั้งหมดให้ผู้ให้บริการจัดการเรคคอร์ดทุกตัวให้แทนคุณ โฮสต์สมัยใหม่ส่วนใหญ่ชอบให้ใช้ CNAME หรือเปลี่ยนเนมเซิร์ฟเวอร์ไปเลย เพราะพวกเขาต้องการจัดการใบรับรอง SSL และการเราต์ที่ ด้วยตัวเอง

นี่คือห่วงโซ่ทั้งหมดที่คำขอของผู้เยี่ยมชมเดินทางผ่าน และแต่ละส่วนที่คุณตั้งค่าเองอยู่ตรงไหนในนั้น:

  visitor types
  yourdomain.com
       │
       ▼
 ┌───────────┐   "what IP is        ┌──────────────┐
 │  BROWSER  │── yourdomain.com?" ──▶│     DNS      │  ← your A / CNAME
 │           │◀── here's the IP ─────┤  (registrar) │     record points here
 └─────┬─────┘                       └──────────────┘
       │  HTTPS request to that IP
       ▼
 ┌───────────┐   ← SSL certificate proves
 │   HOST    │     the site is really yours
 │ (CF/Vercel)│
 └─────┬─────┘
       │  routes to
       ▼
 ┌───────────┐
 │  YOUR APP │  serves the page
 └───────────┘

DNS คือส่วนที่ทำให้ผู้เริ่มต้นสับสนที่สุด ส่วนใหญ่เป็นเพราะศัพท์เฉพาะและความล่าช้าในการกระจายข้อมูล (propagation delay) ให้ AI ช่วยแปลให้ ลองถามว่า: "โดเมนของฉันจดทะเบียนไว้ที่ Namecheap และโฮสต์บน Cloudflare Pages ช่วยเดินทีละขั้นให้หน่อยว่าต้องเพิ่มเรคคอร์ดอะไร ค่าเป็นอะไร และตรวจสอบได้ยังไงว่ามันใช้ได้แล้ว" จากนั้นตรวจสอบผลด้วยตัวเองด้วยการเช็กแบบเร็ว ๆ แทนที่จะรีเฟรชเบราว์เซอร์เฉย ๆ:

# Look up the records the world actually sees
dig yourdomain.com
nslookup yourdomain.com

# Confirm the certificate is live and not expired
curl -I https://yourdomain.com

การเปลี่ยนแปลง DNS อาจใช้เวลากระจายตั้งแต่ไม่กี่นาทีไปจนถึงหนึ่งวัน และแคชของเบราว์เซอร์คุณเองคือตัวโกหกที่แย่ที่สุด — มันจะแสดงคำตอบเก่าให้คุณดูอย่างมีความสุขนานหลังจากที่อินเทอร์เน็ตส่วนที่เหลืออัปเดตไปแล้ว ถ้ามันยังไม่ขึ้นทันที นั่นเป็นเรื่องปกติ ลองเช็กจากมือถือผ่านเน็ตมือถือ หรือใช้เครื่องมือตรวจสอบ "DNS propagation" ออนไลน์ ก่อนที่จะสรุปว่ามีอะไรพัง

อยากได้แบบออฟไลน์?

ดาวน์โหลดหนังสือทั้งเล่มเป็น PDF หรือ EPUB — ฟรี