เผยแพร่แอปด้วย 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 ฟรี และรองรับโดเมนที่กำหนดเอง

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

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

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

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

สำคัญ: Firebase App Hostingต้องใช้บัญชี Cloud Billing เมื่อคุณลิงก์บัญชีสำหรับการเรียกเก็บเงินกับโปรเจ็กต์ Firebase ระบบจะอัปเกรดโปรเจ็กต์เป็นแพ็กเกจราคาแบบจ่ายตามการใช้งาน Blaze โดยอัตโนมัติ และอัปเกรดGemini APIและการใช้งานบริการอื่นๆ ของ Firebase และ Google Cloud เป็นระดับแบบชำระเงิน ระบบจะเรียกเก็บเงินจากคุณสำหรับการใช้งานบริการแบบชำระเงินที่เกินโควต้าแบบไม่มีค่าใช้จ่าย ดูข้อมูลเพิ่มเติมได้ที่ทำความเข้าใจค่าใช้จ่ายApp Hosting ราคา Firebase และGeminiราคาสำหรับ Developer API

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

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

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

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

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

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

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

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

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

   สำคัญ: Firebase App Hostingต้องใช้บัญชี Cloud Billing เมื่อคุณลิงก์บัญชีสำหรับการเรียกเก็บเงินกับโปรเจ็กต์ Firebase ระบบจะอัปเกรดโปรเจ็กต์เป็นแพ็กเกจราคาแบบจ่ายตามการใช้งาน Blaze โดยอัตโนมัติ และอัปเกรดGemini APIและการใช้งานบริการอื่นๆ ของ Firebase และ Google Cloud เป็นระดับแบบชำระเงิน ระบบจะเรียกเก็บเงินจากคุณสำหรับการใช้งานบริการแบบชำระเงินที่เกินโควต้าแบบไม่มีค่าใช้จ่าย ดูข้อมูลเพิ่มเติมได้ที่ทำความเข้าใจค่าใช้จ่ายApp Hosting ราคา Firebase และGeminiราคาสำหรับ Developer API

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

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

   เคล็ดลับ: หากไม่ต้องการเผยแพร่ในตอนนี้ ให้คลิกเผยแพร่ภายหลัง

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

เคล็ดลับ: หากพบข้อผิดพลาดระหว่างการเผยแพร่ โปรดดูฉันได้รับข้อผิดพลาด "เผยแพร่แอปไม่สำเร็จ" หลังจากเผยแพร่เพื่อดูวิธีการค้นหาและแก้ไขข้อผิดพลาดในการเผยแพร่

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

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

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

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

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

ดูข้อมูลเพิ่มเติมเกี่ยวกับการจัดการและติดตาม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 Hosting ให้สร้างโปรเจ็กต์ Firebase และลงทะเบียนแอป

เคล็ดลับ: หากคุณใช้ App Prototyping agent เพื่อสร้างแอป แสดงว่าคุณมีโปรเจ็กต์ Firebase อยู่แล้ว

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

วิธีทำให้แอปใช้งานได้ใน Firebase Hosting จาก Firebase Studio

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

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

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

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

5. หากต้องการทำให้แอปใช้งานได้ ให้คลิกทำให้ใช้งานได้ในเวอร์ชันที่ใช้งานจริงหรือทำให้ใช้งานได้ในช่องจากส่วน 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. เลือกอนุญาตให้ Workspace นี้เข้าถึงทรัพยากร Google Cloud โดยใช้บัญชี Google ของฉัน แล้วเลือกโปรเจ็กต์ Google Cloud ที่เปิดใช้การเรียกเก็บเงินจากหน้าต่างโต้ตอบ

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

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

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

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