เผยแพร่แอปด้วย Firebase Studio

Firebase Studio มีตัวเลือกการเผยแพร่หลายแบบ ซึ่งช่วยให้คุณเลือกวิธีที่เหมาะกับความต้องการของโปรเจ็กต์มากที่สุดได้ ภาพรวมของตัวเลือกที่มีให้มีดังนี้

  • Firebase App Hosting: เหมาะสำหรับการเผยแพร่แอปพลิเคชัน Next.js และ Angular แบบไดนามิก App Hosting มี การรองรับเฟรมเวิร์กในตัว การผสานรวม GitHub และการผสานรวมกับ ผลิตภัณฑ์อื่นๆ ของ Firebase เช่น Firebase Authentication, Cloud Firestore และ Firebase AI Logic

    หากคุณพัฒนาแอป Next.js ด้วย App Prototyping agent คุณจะเผยแพร่จาก Firebase Studio ได้โดยตรงในไม่กี่คลิก

  • Firebase Hosting: เหมาะสำหรับการโฮสต์เว็บแอปและเนื้อหาเว็บแบบคงที่ (HTML, CSS, JavaScript, รูปภาพ และชิ้นงานแบบคงที่อื่นๆ) รวมถึงแอปหน้าเดียว Firebase Hosting มีการนำส่งเนื้อหาที่รวดเร็ว ผ่าน CDN ทั่วโลก, ใบรับรอง SSL ฟรี และ การรองรับโดเมนที่กำหนดเอง

    หากคุณพัฒนาเว็บแอปแบบคงที่หรือแบบหน้าเดียวใน Firebase Studio คุณจะเผยแพร่จาก Firebase Studio ได้โดยตรงโดยการแจ้งให้ Gemini ใน Firebase เผยแพร่แอป

  • Cloud Run: ใช้ Cloud Run เพื่อทำให้ แอปพลิเคชันที่มีคอนเทนเนอร์ใช้งานได้ จึงเป็นตัวเลือกที่ดีสำหรับการเผยแพร่แอปพลิเคชันที่ปรับขนาดได้ และพกพาได้ซึ่งทำงานบนแพลตฟอร์มใดก็ได้

  • ตัวเลือกการติดตั้งใช้งานอื่นๆ: ติดตั้งใช้งานกับโซลูชันการโฮสต์ที่คุณเลือก ซึ่งรวมถึงแพลตฟอร์มอื่นๆ หรือเซิร์ฟเวอร์ของคุณเอง

เผยแพร่และตรวจสอบแอปด้วย Firebase App Hosting

หลังจากทดสอบแอปและพอใจกับผลลัพธ์ในพื้นที่ทํางานแล้ว คุณสามารถเผยแพร่แอปไปยังเว็บด้วย Firebase App Hosting

เมื่อคุณตั้งค่า App Hosting Firebase Studio จะสร้าง โปรเจ็กต์ Firebase ให้คุณ (หากยังไม่ได้สร้างโดยการสร้างคีย์ Gemini API โดยอัตโนมัติ หรือบริการแบ็กเอนด์อื่นๆ) และแนะนําขั้นตอนการลิงก์บัญชี Cloud Billing

วิธีเผยแพร่แอป

  1. คลิกเผยแพร่เพื่อตั้งค่าโปรเจ็กต์ Firebase และเผยแพร่แอป แผงเผยแพร่แอปจะปรากฏขึ้น

  2. ในขั้นตอนโปรเจ็กต์ Firebase App Prototyping agent จะแสดง โปรเจ็กต์ Firebase ที่เชื่อมโยงกับพื้นที่ทํางาน หากยังไม่มีโปรเจ็กต์ Firebase อยู่ App Prototyping agent จะสร้างโปรเจ็กต์ใหม่ให้คุณ คลิกถัดไปเพื่อดำเนินการต่อ

  3. ในขั้นตอนลิงก์บัญชี Cloud Billing ให้เลือกตัวเลือกใดตัวเลือกหนึ่งต่อไปนี้

    • เลือกบัญชี Cloud Billing ที่ต้องการลิงก์กับโปรเจ็กต์ Firebase

    • หากไม่มีบัญชี Cloud Billing หรือต้องการสร้างบัญชีใหม่ ให้คลิกสร้างบัญชี Cloud Billing ซึ่งจะเปิดGoogle Cloudคอนโซล Cloud Billing ที่คุณสร้างบัญชีแบบบริการตนเองใหม่ได้ หลังจากสร้างบัญชีแล้ว ให้กลับไปที่ Firebase Studio แล้วเลือกบัญชีจากรายการลิงก์ Cloud Billing

  4. คลิกถัดไป Firebase Studio ลิงก์บัญชีสำหรับการเรียกเก็บเงินกับโปรเจ็กต์ ที่เชื่อมโยงกับพื้นที่ทํางานของคุณ ซึ่งสร้างขึ้นเมื่อคุณสร้างคีย์Gemini APIโดยอัตโนมัติ หรือเมื่อคุณคลิกเผยแพร่

  5. คลิกตั้งค่าบริการ เอเจนต์การสร้างต้นแบบแอปจะเริ่มจัดสรรบริการ Firebase

  6. คลิกเผยแพร่เลย Firebase Studio ตั้งค่าบริการ Firebase แล้วเปิดตัวการเปิดตัว App Hosting ขั้นตอนนี้อาจใช้เวลาหลาย นาทีจึงจะเสร็จสมบูรณ์ ดูข้อมูลเพิ่มเติมเกี่ยวกับสิ่งที่เกิดขึ้นเบื้องหลังได้ที่ กระบวนการสร้าง App Hosting

  7. เมื่อขั้นตอนการเผยแพร่เสร็จสมบูรณ์แล้ว ภาพรวมของแอปจะปรากฏพร้อมกับ URL และข้อมูลเชิงลึกของแอปที่ขับเคลื่อนโดยความสามารถในการสังเกตการณ์ของ App Hosting หากต้องการใช้โดเมนที่กำหนดเอง (เช่น example.com หรือ app.example.com) แทนโดเมนที่ Firebase สร้างขึ้น คุณสามารถเพิ่มโดเมนที่กำหนดเองในคอนโซล Firebase ได้

ดูข้อมูลเพิ่มเติมเกี่ยวกับ App Hosting ได้ที่ ทำความเข้าใจ App Hosting และวิธีการทำงาน

(Cloud Firestore เท่านั้น) ยืนยันกฎความปลอดภัยในเวอร์ชันที่ใช้งานจริง

เมื่อเผยแพร่เสร็จสมบูรณ์และมีการติดตั้งใช้งานแอปใน Firebase แล้ว Cloud Firestoreและ Firebase Authentication ก็พร้อมทดสอบในเวอร์ชันที่ใช้งานจริง

ดูข้อมูล Cloud Firestore และ Firebase Authentication ในคอนโซล Firebase

คุณสามารถดูข้อมูลเรียลไทม์จากแอปในFirebaseคอนโซลหลังจาก เผยแพร่

  • หากต้องการดูCloud Firestoreฐานข้อมูลที่ใช้งานจริง ให้เปิดFirebaseคอนโซล แล้วเลือกสร้าง > ฐานข้อมูล Firestore จากเมนูการนำทาง

    คุณสามารถตรวจสอบข้อมูลที่จัดเก็บ ดูและทดสอบกฎความปลอดภัย รวมถึงสร้างดัชนีได้จากที่นี่ ดูข้อมูลเพิ่มเติมได้ที่ Cloud Firestore

  • หากต้องการดูข้อมูล Firebase Authentication แบบเรียลไทม์ ให้เปิดคอนโซล Firebase แล้วเลือกสร้าง > การตรวจสอบสิทธิ์จากเมนูการนำทาง

    คุณสามารถตรวจสอบการกำหนดค่าการตรวจสอบสิทธิ์และผู้ใช้แอปได้จากที่นี่ ดูข้อมูลเพิ่มเติมได้ที่ Firebase Authentication

ทดสอบกฎ Cloud Firestore ในการใช้งานจริง

หลังจากเผยแพร่แอปแล้ว คุณควรทดสอบCloud Firestoreกฎความปลอดภัย อีกครั้งกับสภาพแวดล้อมการใช้งานจริง ซึ่งจะช่วยให้มั่นใจได้ว่าผู้ใช้ที่ได้รับอนุญาตจะเข้าถึงข้อมูลได้ และข้อมูลจะได้รับการปกป้องจากการเข้าถึงที่ไม่ได้รับอนุญาต

คุณทดสอบกฎได้โดยใช้วิธีการต่อไปนี้

  • การทดสอบแอปพลิเคชัน: โต้ตอบกับแอปพลิเคชันที่ติดตั้งใช้งาน โดยทำการดำเนินการที่ทริกเกอร์รูปแบบการเข้าถึงข้อมูลต่างๆ (อ่าน เขียน ลบ) สำหรับบทบาทหรือสถานะของผู้ใช้ที่แตกต่างกัน การทดสอบในสภาพแวดล้อมจริงนี้จะช่วยยืนยันว่ากฎของคุณได้รับการบังคับใช้อย่างถูกต้องในทางปฏิบัติ

  • พื้นที่ทดลองกฎ: สำหรับการตรวจสอบที่กำหนดเป้าหมาย ให้ใช้พื้นที่ทดลองกฎในคอนโซล Firebase เครื่องมือนี้ ช่วยให้คุณจำลองคำขอ (อ่าน เขียน ลบ) กับCloud Firestoreฐานข้อมูลโดยใช้กฎการใช้งานจริง คุณสามารถระบุ สถานะการตรวจสอบสิทธิ์ผู้ใช้ เส้นทางไปยังข้อมูล และประเภท การดำเนินการเพื่อดูว่ากฎอนุญาตหรือปฏิเสธการเข้าถึงตามที่ต้องการหรือไม่

  • การทำ Unit Test: หากต้องการทดสอบที่ครอบคลุมมากขึ้น คุณสามารถเขียนการทดสอบหน่วยสำหรับกฎความปลอดภัยได้ Firebase Studioแบ็กเอนด์ตัวอย่างที่ขับเคลื่อนโดย Firebase Local Emulator Suite ช่วยให้คุณเรียกใช้การทดสอบเหล่านี้ได้ในเครื่อง โดยจำลองลักษณะการทำงานของกฎเวอร์ชันที่ใช้งานจริง ซึ่งเป็นวิธีที่มีประสิทธิภาพ ในการยืนยันตรรกะของกฎที่ซับซ้อนและยืนยันความครอบคลุมสำหรับ สถานการณ์ต่างๆ หลังจากที่ติดตั้งใช้งานแล้ว คุณควรตรวจสอบอีกครั้งว่าการทดสอบหน่วยโดยใช้โปรแกรมจำลองทำงานได้ตามที่คาดไว้และครอบคลุมทุกสถานการณ์

ตรวจสอบแอปด้วยApp Hostingการสังเกตการณ์

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

  • คลิกเผยแพร่เพื่อเปิดตัวแอปเวอร์ชันใหม่
  • แชร์ลิงก์ไปยังแอปหรือเปิดแอปโดยตรงใน ไปที่แอป
  • ดูข้อมูลสรุปเกี่ยวกับประสิทธิภาพของแอปในช่วง 7 วันที่ผ่านมา ซึ่งรวมถึงจำนวนคำขอทั้งหมดและสถานะการเปิดตัวล่าสุด คลิกดูรายละเอียดเพื่อเข้าถึงข้อมูลเพิ่มเติมในคอนโซล Firebase
  • ดูกราฟจำนวนคำขอที่แอปได้รับในช่วง 24 ชั่วโมงที่ผ่านมา โดยแบ่งตามรหัสสถานะ HTTP
  • ดูสถานะการเปิดใช้งานของบริการ Firebase เช่น Firebase Authentication และ Cloud Firestore

หากปิดแผงภาพรวมของแอป คุณจะเปิดอีกครั้งได้ทุกเมื่อโดย คลิกเผยแพร่

ดูข้อมูลเพิ่มเติมเกี่ยวกับการจัดการและการตรวจสอบApp Hostingการเปิดตัวได้ที่ จัดการการเปิดตัวและการเผยแพร่

ย้อนกลับเว็บไซต์ App Hosting

หากคุณได้ติดตั้งใช้งานแอปเวอร์ชันต่างๆ ต่อเนื่องกันใน App Hosting คุณสามารถ ย้อนกลับไปเป็นเวอร์ชันก่อนหน้าได้ คุณจะนำส่วนขยายนี้ออกก็ได้

  • วิธีย้อนกลับเว็บไซต์ที่เผยแพร่แล้ว

    1. เปิด App Hosting ใน Firebase คอนโซล

    2. ค้นหาแบ็กเอนด์ของแอป คลิกดู แล้วคลิกการเปิดตัว

    3. คลิกเพิ่มเติม ข้างการติดตั้งใช้งานที่ต้องการย้อนกลับ จากนั้นเลือกย้อนกลับ ไปที่บิลด์นี้ แล้วยืนยัน

    ดูข้อมูลเพิ่มเติมได้ที่จัดการการเปิดตัวและการเผยแพร่

  • วิธีนำโดเมน App Hosting ออกจากเว็บ

    1. จากคอนโซล Firebase ให้เปิด App Hosting แล้วคลิกดูในส่วนแอป Firebase Studio

    2. ในส่วนข้อมูลแบ็กเอนด์ ให้คลิกจัดการ หน้าโดเมนจะโหลดขึ้น

    3. คลิกเพิ่มเติม ข้างโดเมน แล้วเลือกปิดใช้โดเมน และยืนยัน

    การดำเนินการนี้จะนำโดเมนออกจากเว็บ หากต้องการนำApp Hostingแบ็กเอนด์ออกทั้งหมด ให้ทำตามวิธีการในลบแบ็กเอนด์

Firebase Hosting

คุณเผยแพร่เว็บแอปแบบคงที่และแบบหน้าเดียวไปยัง Firebase Hosting จากพื้นที่ทำงาน Firebase Studio ได้

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

เผยแพร่ด้วย Gemini ใน Firebase

  1. ในแชทกับ Gemini ใน Firebase ให้ป้อนพรอมต์ เช่น "เผยแพร่แอปของฉัน"

  2. Gemini ใน Firebase จะแนะนำขั้นตอนที่จำเป็นให้คุณ ซึ่งอาจรวมถึงการสร้างโปรเจ็กต์ Firebase และการลงทะเบียน แอปหากยังไม่ได้ดำเนินการ

เผยแพร่จากแผง Firebase Studio

Firebase Hosting ได้รับการเพิ่มประสิทธิภาพสำหรับเว็บไซต์แบบคงที่และแอปพลิเคชันหน้าเว็บเดียว หากโปรเจ็กต์มีเนื้อหาแบบไดนามิก Gemini ใน Firebase อาจไม่เริ่ม ขั้นตอนการเผยแพร่ หากเกิดกรณีนี้ขึ้นแต่คุณยังต้องการใช้ Firebase Hosting ให้เผยแพร่โปรเจ็กต์จากแผง Firebase Studio โดยทำดังนี้

  1. หากยังไม่ได้ดำเนินการ ให้สร้างโปรเจ็กต์ Firebase และลงทะเบียนแอป

  2. เปิดพื้นที่ทำงาน Firebase Studio

    • หากใช้ App Prototyping agent ให้คลิก ไอคอนสวิตช์โค้ด เปลี่ยนเป็นโค้ดเพื่อเปิดมุมมอง Code

  3. ในแผงการนำทาง ให้คลิกไอคอน Firebase Studio เพื่อเปิดแผง แล้วขยายส่วน Firebase Hosting

  4. คลิกตรวจสอบสิทธิ์ Firebase แล้วทําตามข้อความแจ้งใน หน้าต่างเทอร์มินัลเพื่อตรวจสอบสิทธิ์บัญชี Firebase

  5. คลิกเริ่มต้นFirebase Hosting แล้วทำตามข้อความแจ้งใน หน้าต่างเทอร์มินัลเพื่อตั้งค่าการกำหนดค่าการติดตั้งใช้งาน

  6. หากต้องการติดตั้งใช้งานแอป ให้คลิกติดตั้งใช้งานในเวอร์ชันที่ใช้งานจริงหรือ ติดตั้งใช้งานในช่องจากส่วน Firebase Hosting ของแผง Firebase Studio

Cloud Run

ก่อนที่จะปรับใช้โดยใช้ Cloud Run โปรดตั้งค่าGoogle Cloud โปรเจ็กต์และเปิดใช้ Cloud Billing

  1. เปิดพื้นที่ทำงาน Firebase Studio หากใช้ App Prototyping agent ให้คลิก ไอคอนสวิตช์โค้ด เปลี่ยนเป็นโค้ดเพื่อเปิดมุมมอง Code

  2. คลิกไอคอน Firebase Studio ในแผงการนำทางเพื่อเปิด แผง Firebase Studio แล้วคลิกDeploy to Cloud Run

  3. เลือกอนุญาตให้ Workspace นี้เข้าถึงทรัพยากร Google Cloud โดยใช้บัญชี Google ของฉัน แล้วเลือกโปรเจ็กต์ Google Cloud ที่เปิดใช้การเรียกเก็บเงินจากหน้าต่างโต้ตอบ

  4. คลิกตรวจสอบสิทธิ์จากส่วน Cloud Run ของแผง Firebase Studio แล้วทำตามข้อความแจ้งเพื่อตรวจสอบสิทธิ์

  5. คลิกติดตั้งใช้งาน แล้วทำตามข้อความแจ้งเพื่อตั้งค่าการกำหนดค่าการติดตั้งใช้งานและติดตั้งใช้งานแอป

ขั้นตอนถัดไป