หลักจากที่เราได้ทำการ Deploy ระบบตามขั้นตอนจากบทความ "Deploy Angular 7 ฟรี ๆ ไปยังเว็บ netlify" ไปกันแล้ว ในบทความนี้ เราก็จะมาตั้งค่า Domain ของเราให้ชี้มาที่ netlify กันนะครับ ซึ่งการตั้งค่าก็ไม่ซับซ้อนอะไรครับ กระดิกนิ้วสองสามที เพื่อน ๆ ก็น่าจะทำได้สบาย ๆ เลยครับ ถ้าไม่เชื่อว่าจะกระดิกนิ้วสองสามทีจริงเปล่า งั้นไปลองทำกันเลยครับ

ถ้าตอนนี้เพื่อน ๆ อยู่ตรงส่วนของ "Deploys" เพื่อน ๆ จะเห็นว่า เมื่อเรา Deploy ระบบสำเร็จ ระบบก็จะขึ้นสถานะเป็น "publish" แต่ว่า url ของระบบเราที่ได้มา ที่แสดงเป็นลิงก์อยู่ด้านบน มันอาจจะดูไม่สวยงามซักเท่าไหร่ แถมเราเองก็มี domain ของเราอยู่แล้วด้วย (ถ้าใครยังไม่มี ก็เลือกเว็บที่ให้บริการจด domain ตามสะดวกนะครับ คริคริ) ถ้าอยากให้ domain ของเราชี้มาที่ netlify ก็ง่ายนิดเดียวครับ (มั้ง ^^)

1. ก่อนอื่นเลยคลิกไปที่เมนู "Settings" ด้านบน แล้วคลิกที่เมนู "Domain management" ด้านซ้ายมือ เพื่อน ๆ จะเห็นในส่วนของ "Custom domains" ซึ่งจะเป็นส่วนที่เราจะเพิ่ม domain ของเราให้ผูกกับระบบที่เรา deploy ขึ้นไปครับ หลังจากนั้นก็คลิกที่ปุ่ม "Add custom domain" เพื่อทำการเพิ่ม domain ของเราครับ ได้ทั้ง domain หลัก หรือแม้แต่ sub domain ก็ไม่มีปัญหาครับ

2. หลังจากที่เราคลิกปุ่ม "Add custom domain" ระบบจพแสดงส่วนของ "Add a custom domain to your stite" ขึ้นมาครับ เราก็กรอก domain ที่เราต้องการจะใช้และกดปุ่ม "Verify" ได้เลยครับ

3. เมื่อเพิ่ม domain เสร็จแล้ว ที่ส่วนของ "Custom domains" ก็จะแสดงชื่อ domain ของเราขึ้นมา แต่มีข้อสังเกตนิดนึงครับ ถ้า domain ที่เราเพิ่มเข้าไปเป็น sub domain ก็จะแสดงรายการ domain ขึ้นมา 1 รายการครับ แต่ถ้าเป็น domain หลัก ก็จะแสดงรายการ domain ขึ้นมา 2 รายการ คือแบบไม่มี www และแบบมี www ซึ่งมันจะแตกต่างกันตรงข้อมูลที่จะเอาไปตั้งค่าที่ DNS Records ครับ

4. ในขั้นตอนนี้ ให้เราคลิกที่ "Check DNS configuration" ระบบจะแสดงส่วนของ "DNS configuration" โดยจะแสดงรายละเอียดของ DNS Record ที่เราจะต้องนำไปตั้งค่า DNS ที่ระบบจัดการของเว็บที่เราใช้บริการอยู่ครับ

เป็นยังไงกันบ้างครับเกิน 3 คลิกกันหรือป่าว ถ้านับรวมคลิกเมนูด้วยคงเกินแน่นอน ฮ่าๆๆๆๆ แต่ภาพรวมแล้วการตั้งค่า Domain ผมคิดว่าน่าจะเป็นส่วนที่ไม่น่าจะยากเกินไป ยิ่งผ่านขั้นตอนการ Deploy มาแล้ว ส่วนนี้จิ๊บ ๆ เลยใช่มั้ยละครับ ^^