Firebase Hosting คืออะไร?
Firebase Hosting คือ ส่วนหนึ่งของบริการ Google Firebase สำหรับใช้ทำเป็น Web Hosting โดยให้พื้นที่ฟรี 1GB และ data transfer 10GB ต่อเดือน มีจุดเด่นที่ความรวดเร็ว ปลอดภัย และเชื่อถือได้
ข้อดีของการใช้งาน Firebase Hosting
1. ใช้เวลาเข้าถึงเว็บไซต์ที่เรา upload ไว้ได้เร็วมาก เนื่องจาก Firebase จะทำการ cache ทุกไฟล์เก็บไว้ใน Firebase SSD Hosting บน Google CDN ให้รอบโลก
2. มี SSL Certificate ให้ใช้งานฟรี ทำให้เว็บไซต์เรามีความปลอดภัยสูง โดยที่เราไม่ต้องตั้งค่า SSL อะไรเองเลย
3. การ Deploy เว็บไซต์ขึ้น Firebase Hosting ทำได้ง่าย ด้วยคำสั่ง “firebase deploy” ของ Firebase CLI และสามารถดูประวัติการ deploy หรือจะย้อนเวอร์ชั่นก็ทำได้
4. สามารถชี้ Domain ส่วนตัวมาผูกกับ Firebase Hosting ได้ฟรี โดย Firebase Hosting จะให้ SSL ฟรีกับ Domain ส่วนตัวของเราด้วยเช่นกัน
5. รองรับเว็บไซต์ทั้งแบบ Static และ Dynamic โดยถ้าเป็นเว็บไซต์แบบ Dynamic จะต้องใช้งานร่วมกับ Cloud Functions ของ Firebase จึงจะสามารถประมวลผลจาก Backend ของ Firebase Hosting ได้
การใช้งาน Firebase Hosting
1. สมัคร Google Firebase โดยเข้าไปที่ https://console.firebase.google.com/ ทำการ Sign-In ด้วย Google Account
2. จากนั้นกดปุ่ม CREATE NEW PROJECT จะพบ Dialog ให้กรอกชื่อ Project และเลือก Country/region เสร็จแล้วกดปุ่ม CREATE PROJECT
3. ที่หน้า Firebase Console เมนูด้านซ้ายให้คลิกที่ Hosting จะพบ Dialog แนะนำ กดปุ่ม GET STARTED
4. ติดตั้ง Firebase tools โดยต้องติดตั้งผ่าน npm ที่มากับ Node.js หากใครยังไม่ได้ติดตั้ง สามารถโหลด Node.js ได้จาก https://nodejs.org/en
5. เมื่อติดตั้ง Node.js เรียบร้อย ให้เปิด Command/Terminal ขึ้นมา แล้วพิมพ์คำสั่ง
npm install -g firebase-tools
สำหรับ Windows ต้องเปิด Command ขึ้นด้วยการ Run as administrator ส่วน Mac และ Linux ให้พิมพ์ sudo นำหน้า
sudo npm install -g firebase-tools
6. ที่ Firebase Console บน Dialog กดปุ่ม CONTINUE โดยขั้นตอนมา Dialog จะบอกให้พิมพ์คำสั่ง
firebase login
7. หลังจาก Login เสร็จแล้ว ต่อไปคือการทำ Initialize โดยเราจะต้องย้ายตำแหน่ง Command เราไปอยู่ที่ Folder ที่เราจะวางไฟล์เว็บก่อน แล้วค่อยพิมพ์คำสั่ง
firebase init
ระบบจะถามว่าจะใช้งาน Firebase Project ไหน ก็เลือกไปที่ชื่อ Project ที่เราสร้างไว้ตอนแรก จากนั้น Firebase tools จะถามต่ออีก ว่าต้องการใช้ public directory ไหม ให้เรากด Enter ได้เลย
8. Upload ไฟล์ขึ้น Firebase Hosting โดยพิมพ์
firebase deploy
ตัว Firebase tools จะทำการอัพโหลดทุกไฟล์ที่อยู่ใน Folder public ขึ้นไปบน Firebase Hosting
9. กลับไปที่ Firebase Console ที่ Dialog กดปุ่ม FINISH จะเห็นว่ามี Link ให้เรากดเข้าไปดูเว็บไซด์เราได้
10. ชี้ Domain ส่วนตัวมาที่ Firebase Hosting โดยเข้าไปยัง Firebase Console ที่เมนู Hosting ของ Project กดปุ่ม CONNECT CUSTOM DOMAIN และทำตามขั้นตอนแนะนำก็เสร็จเรียบร้อยแล้ว