Netlify—Deploy เว็บไซต์ง่ายๆ ด้วย Netlify

สวัสดีเพื่อนๆ ทุกคนครับ วันนี้จะมาแนะนำวิธีการ Deploy เว็บไซต์หรือการอัพโหลดเว็บไซต์ไปที่เครื่อง Hosting โดยใช้ Netlify ซึ่งปัจจุบันก็มีหลาย Platform ที่ทำให้การ Deploy งานนั้นง่ายกว่าเดิมเยอะ บางทีแค่เว็บเล็กๆ ทำเพื่อ Demo หรือ Projects Porfolio การจะไปเช่า Hosting ก็ดูจะเป็นการเปลืองเสียเปล่าๆ ก่อนลองดูว่า Google จะบอกอะไรเราเกี่ยวกับ Netlify บ้าง

จะเห็นได้ว่ามีบริการแบบที่คล้ายๆ กันอยู่เช่น เช่น Firebase Hosting, Github Pages หรือ Heroku เป็นต้น แต่ผมจะมาแนะนำว่า Netlify นั้นง่ายแค่ไหนในการ Deploy เรียกได้ว่าผมเลือกใช้ Netlify แทน Firebase Hosting ในหลายๆ งานเลยทีเดียว

ก่อนอื่นมาดูราคากันก่อนว่าได้อะไรมาบ้างถ้าจะใช้งานแบบฟรีๆ ซึ่งถ้าดูแล้วหาก Project เราเป็นแค่ Static Website คือไม่มี Database เป็นแค่ HTML/CSS/JS) ก็เพียงพอแล้วในการใช้งาน ก็มาเริ่มกันเลยดีกว่าครับ


เตรียมไฟล์งาน Project และ Depoly ไปที่ Netlify กันได้เลย

— ผมจะยกตัวอย่างโดยการเอาไฟล์งานในบทความ Web App—Simple binary to decimal converter มาทำการ Deploy ขึ้นไปที่ Netlify นะครับ โดยจะต้องสร้าง Repositories ขึ้นมาใหม่ และ Upload files ทั้งหมดก่อน แล้วไปทำการ Login เข้า Netlify ด้วย Github Account

— จะเห็นได้ว่า Netlify สามารถอัพโหลดไฟล์ HTML, CSS, JS โดยการลากไปวางได้เลย แต่ผมเลือกที่จะให้เรียกไฟล์จาก Git แทน โดยคลิ๊กที่ New site form Git เพราะหากแก้ไขไฟล์งานที่ Git ระบบก็จะ Deploy ให้แบบอัตโนมัติเลย สะดวกสุดๆ

— มีเพียง 3 ขั้นตอน เท่านั้น Netlify จะง่ายไปไหนครับ

— คลิ๊กที่ Github เพื่อติดตั้ง Netlify ให้เข้าถึง Repositories ที่จะ Deploy โดยเรากำหนดได้ว่าจะให้ Netlify เห็น Repositories อะไรบ้าง

— เลือก Repositories ทีต้องการในที่นี้ผมเลือก Bin2Dec

— ทำการตั้งค่าตามที่ต้องการ โดยผมเอาไฟล์ตั้งหมดไว้ที่ public ก็ต้องระบุให้ Netlify ด้วยครับ

— ชงกาแฟไม่ทันเสร็จ กลับมาก็ได้ Link Url ของเว็บไซต์มาแล้ว

— แต่ๆ Netlify ให้เราทำการแก้ไข Link Url ของเว็บไซต์ได้ด้วยนะครับ ก็ให้ไปที่ Site settings แล้วเลือก Change site name ได้เลย แต่ถ้าใครมีชื่อ Domain อยู่แล้วก้ไปตั้งค่าได้ที่ Domain settings ครับ

— เปลี่ยนชื่อตามที่ต้องการ

— กลับมาที่หน้า Overview ก็จะได้ Link Url ตามที่ต้องการแล้วครับ


ท้ายสุด หวังว่า Netlify จะเป็นอีกทางเลือกในการ Deploy Application ของเพื่อนๆ ครับ ทั้งตัว Demo หรือ Production ซึ่งค่อนข้างง่ายสำหรับมือใหม่แบบผม (เรียกได้ว่านอกใจ Firebase Hosting ได้เลย) การ Deploy ไปใน Netlify จึงเป็นทางเลือก และเข้าใจง่ายสำหรับผู้เริ่มต้นได้ดีมากๆ ครับผม Happy Learning…Happy Coding…👍👍👍


โปรโมชั่น คูปองส่วนลด และดีล ที่ดีที่สุดของร้านค้าออนไลน์กว่า 300 แบรนด์พร้อมรับเงินคืนจาก ShopBack
 https://bit.ly/3c4tlmV

Ruk-Com จดโดเมน-เช่าโฮสต์ ราคาประหยัด พร้อมให้บริการใน 1 นาที
 http://bit.ly/36q8A12