Firebase App Hosting

Firebase App Hosting menyederhanakan pengembangan dan deployment dinamis Aplikasi Next.js dan Angular, yang menawarkan dukungan framework bawaan, GitHub integrasi, dan integrasi dengan produk Firebase lainnya seperti Authentication, Cloud Firestore, dan Vertex AI in Firebase.

Mulai

 

Kemampuan utama

Integrasi GitHub Yang diperlukan hanyalah git commit untuk meluncurkan versi baru aplikasi Anda. App Hosting dapat men-deploy secara otomatis setiap kali Anda dikirim ke cabang tertentu.
Didukung oleh Google Cloud App Hosting menggunakan Persyaratan Layanan Google Cloud, dan men-deploy aplikasi Anda hingga Google Cloud produk yang Anda percayai. Aplikasi dibuat dengan Cloud Build, ditayangkan di Cloud Run, dan di-cache di Cloud CDN. Layanan terintegrasi seperti Cloud Secret Manager menjaga keamanan kunci API Anda.
Mengirimkan fitur yang didukung AI dalam skala besar Mulai dengan sampel AI yang menggunakan Gemini. Lindungi kunci API endpoint API Anda dengan Cloud Secret Manager dan manfaatkan Dukungan streaming Hosting Aplikasi untuk menjaga waktu pemuatan awal yang cepat saat Anda menambahkan fitur AI generatif ke dalam aplikasi Anda.
Integrasi konsol Firebase Pantau build dan peluncuran di konsol Firebase sehingga Anda selalu tahu apa yang terjadi. Mengakses log dan metrik, menambahkan domain khusus, dan memicu peluncuran secara manual dari konsol Firebase.

Bagaimana cara kerjanya?

  1. Dengan menggunakan konsol Firebase atau CLI Firebase, beri otorisasi dan instal Aplikasi GitHub Firebase di repositori Anda.
  2. Masih di konsol Firebase atau Firebase CLI, buat Backend Firebase App Hosting, dengan repositori dan cabang aktif untuk deployment berkelanjutan. App Hosting membuat kebijakan peluncuran default untuk di-roll backend Anda langsung ke 100% traffic saat perubahan berhasil diterapkan pada target .
  3. Saat commit dikirim ke cabang live Anda, Google Cloud Developer Connect mengirimkan peristiwa ke Firebase App Hosting.
  4. Merespons peristiwa ini, Firebase App Hosting memulai peluncuran baru untuk commit terbaru Anda.
  5. Firebase App Hosting membuat Tugas Cloud Build baru untuk commit Anda. Dalam pekerjaan ini, Buildpack{i> open source<i} menentukan {i>framework<i} mana yang digunakan di aplikasi Anda untuk membuat container dan konfigurasi (termasuk variabel lingkungan, secret, instance minimum atau maksimum, konkurensi memori, CPU) yang sesuai dengan aplikasi Anda.
  6. Setelah tugas Cloud Build selesai, container disimpan di Repositori Artifact Registry khusus untuk Firebase App Hosting. Firebase App Hosting kemudian menambahkan Revisi Cloud Run baru ke Layanan Cloud Run menggunakan gambar dan konfigurasi Anda. Setelah Cloud Run Revisi terverifikasi responsif, Firebase App Hosting mengubah konfigurasi traffic-nya untuk mengarahkan semua yang baru permintaan Revisi Cloud Run baru Anda. Pada tahap ini, peluncuran sudah lengkap.
  7. Saat permintaan dikirim ke situs yang dihosting di Firebase App Hosting, dilayani oleh Load Balancer Google Cloud dengan Cloud CDN diaktifkan. Permintaan yang tidak di-cache dikirim ke server origin, yang akan mengirim permintaan tersebut ke layanan Cloud Run Anda.

Alur implementasi

Menyiapkan Firebase Jika Anda belum memilikinya, buat project Firebase dan pastikan mengaktifkan paket harga Blaze.
Siapkan App Hosting Dengan konsol Firebase atau CLI Firebase, buat backend App Hosting. Ini adalah kumpulan resource terkelola untuk aplikasi Anda, termasuk koneksi ke repositori GitHub untuk aplikasi Anda.
Mengelola dan memantau aplikasi Setelah Anda selesai membuat backend App Hosting, aplikasi Anda akan yang tersedia di subdomain gratisnya, dan Anda dapat melihat detail tentang diluncurkan di konsol Firebase. Anda dapat menggunakan Konsol Google Cloud untuk melihat dan menelusuri log Anda.
Mengembangkan aplikasi Anda App Hosting otomatis memulai peluncuran baru setiap kali commit dikirim ke cabang live Anda.

Langkah berikutnya

  • Mulai men-deploy aplikasi.
  • Coba codelab App Hosting yang mengintegrasikan aplikasi yang dihosting dengan fitur Firebase Authentication dan Google AI: Next.js | Angular