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

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

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

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

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

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

• 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. คลิกตั้งค่าบริการ App Prototyping agent จะเริ่ม จัดเตรียมบริการ 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

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

คุณอาจเห็นข้อผิดพลาดนี้ปรากฏในข้อความแสดงข้อผิดพลาดหรือในคอนโซลนักพัฒนาซอฟต์แวร์ของเบราว์เซอร์

วิธีสร้างดัชนีหลังจากเผยแพร่

1. จากแอปที่เผยแพร่แล้ว: ในบานหน้าต่างภาพรวมแอป (คลิกเผยแพร่ หากไม่เห็น) ให้ค้นหาและคลิกลิงก์ไปที่แอป

   จากตัวอย่าง Firebase Studio preview: เปิด คอนโซลนักพัฒนาซอฟต์แวร์ของเบราว์เซอร์แล้วค้นหาข้อความแสดงข้อผิดพลาด 200 ที่ Cloud Firestore สร้างขึ้น

2. ทดสอบโฟลว์ทั้งหมดภายในแอป ข้อผิดพลาดอาจปรากฏขึ้นโดยมีข้อความคล้ายกับ "เกิดข้อผิดพลาดในการโหลดสูตร คำค้นหาต้องใช้ดัชนี คุณสร้างดัชนีได้ที่นี่:" พร้อมลิงก์ไปยังคอนโซล Firebase

3. คลิกลิงก์เพื่อไปยังคอนโซล Firebase และดัชนีที่แนะนำ จะปรากฏขึ้น

4. คลิกบันทึก เพื่อยอมรับดัชนีที่แนะนำ

5. กลับไปที่แอปแล้วโหลดหน้าเว็บซ้ำ

6. ทดสอบโฟลว์ทั้งหมดในแอปต่อไปเพื่อเพิ่มดัชนีในตำแหน่งที่จำเป็น

ดูข้อมูลเพิ่มเติมได้ที่ จัดการดัชนีใน Cloud Firestore

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

ตรวจสอบแอปด้วยความสามารถในการสังเกตการณ์ของ App Hosting

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  ซึ่งจะนำโดเมนออกจากเว็บ หากต้องการนำแบ็กเอนด์ App Hostingออกอย่างสมบูรณ์ ให้ทำตามวิธีการในลบ แบ็กเอนด์

Firebase Hosting

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

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

เผยแพร่ด้วยความช่วยเหลือจาก Gemini

1. ในแชทกับ Gemini ให้ป้อนข้อความแจ้ง เช่น "เผยแพร่แอปของฉัน "

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

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

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

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

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

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

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

• ดูข้อมูลเพิ่มเติมเกี่ยวกับการผสานรวม Firebase