เผยแพร่แอปด้วย 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

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

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

  1. คลิกเผยแพร่เพื่อตั้งค่าโปรเจ็กต์ 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โดยอัตโนมัติหรือเมื่อคุณคลิกเผยแพร่

  5. คลิกตั้งค่าบริการ เอเจนต์การสร้างต้นแบบแอปจะเริ่มจัดสรรบริการ 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 และลงทะเบียนแอป

หากไม่มีสิทธิ์ของโปรเจ็กต์ 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. คลิก Initialize 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. คลิกติดตั้งใช้งาน แล้วทำตามข้อความแจ้งเพื่อตั้งค่าการกำหนดค่าการติดตั้งใช้งานและติดตั้งใช้งานแอป

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