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

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

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

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

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

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

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

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

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

หากสร้างแอปด้วย App Prototyping agent คุณจะเผยแพร่แอปใน Firebase App Hosting ได้โดยตรงจาก Firebase Studio

เผยแพร่แอปด้วย App Hosting

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

วิธีเผยแพร่แอปไปยัง Firebase App Hosting

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  1. เปิด App Hosting ใน Firebase console

  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 Hosting ให้สร้างโปรเจ็กต์ 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