Skip to main content

มาสู่หัวข้อสุดท้าย การ Deploy งานขึ้น

e-commerce-firebase-hosting สามารถดู video ของหัวข้อนี้ก่อนได้ ดู video

สู่หัวข้อสุดท้ายของ Vue Firebase Masterclass

intro-01

ในหัวข้อสุดท้ายนี้ เราจะนำงานทั้งหมดที่เราทำ ทำการ deploy งานขึ้น Firebase hosting กัน จากแต่เดิมที่เราทำผ่าน Emulator กัน แต่ก่อนจะ deploy เรามาทำความรู้จัก Firebase hosting ก่อนว่าคืออะไร ?

Firebase hosting คืออะไร ?

Ref: https://firebase.google.com/docs/hosting

Firebase Hosting คือ web hosting สำหรับ developer ที่สามารถ deploy งานขึ้นได้ภายใน single command (1 command ก็ deploy งานได้เลย) ซึ่งอำนวยความสะดวกให้เราสามารถขึ้นงาน web app และ static / dynamic content web ได้อย่างรวดเร็ว ผ่าน global CDN (ที่ Firebase ได้ทำเตรียมไว้)

ความเก่งของ Firebase Hosting

  • command เดียว deploy ได้ (firebase deploy)
  • ใช้เป็น proxy server ร่วมกับ Cloud function, Cloud run หรือ host microservices ของ Firebase ใดๆได้
  • รองรับ https (cert ที่ Firebase สร้างให้เลย)
  • host ได้ทั้ง static content (html, css, js) และ ** dynamic content (content จาก API)
  • สามารถผูกกับ Custom domain ได้ฟรี (ปัจจุบันจริงๆก็ได้หลายเจ้าแล้ว)

intro-02

เราจะ Deploy กันยังไงบ้าง

เราจะแบ่งการ Deploy ออกเป็น 2 Zone คือ

  1. Zone ที่สามารถ deploy ได้ทันที (โดยไม่ต้องเปิด Billing) = ได้แก่ product ที่อยู่ภายใน Firebase เท่านั้น เช่น
  • Firebase Cloud Storage
  • Firebase Realtime Database
  • Firebase Authentication
  • Firebase Cloud Firestore
  1. Zone ที่ต้องเปิด Billing เพื่อให้สามารถ deploy ได้ = ได้แก่ product ที่อยู่นอก Firebase (เช่น zone ของ Google Cloud) และ การยิง Network ออกนอก (อย่างการยิงไปยัง Omise)

ซึ่ง Product ที่เข้าข่ายเรื่องนี้มีเพียงตัวเดียวคือ

  • Cloud function

เราจะมาเริ่มจาก Zone ที่ deploy ได้ทันทีก่อน