Memublikasikan aplikasi Anda dengan Firebase Studio

Firebase Studio menawarkan beberapa opsi publikasi, sehingga Anda dapat memilih metode yang paling sesuai dengan kebutuhan project Anda. Berikut adalah ringkasan opsi yang tersedia:

  • Firebase App Hosting: Ideal untuk memublikasikan aplikasi Next.js dan Angular dinamis, App Hosting menawarkan dukungan framework bawaan, integrasi GitHub, dan integrasi dengan produk Firebase lainnya seperti Firebase Authentication, Cloud Firestore, dan Vertex AI in Firebase.

    Jika Anda mengembangkan aplikasi Next.js dengan App Prototyping agent, Anda dapat memublikasikan langsung dari Firebase Studio hanya dengan beberapa klik.

  • Firebase Hosting: Sangat cocok untuk menghosting aplikasi web dan konten web statis (HTML, CSS, JavaScript, image, dan aset statis lainnya) serta aplikasi web satu halaman. Firebase Hosting menyediakan pengiriman konten yang cepat melalui CDN global, sertifikat SSL gratis, dan dukungan domain kustom.

  • Cloud Run: Gunakan Cloud Run untuk men-deploy aplikasi dalam container. Ini adalah pilihan yang tepat untuk memublikasikan aplikasi yang skalabel dan portabel yang dapat berjalan di platform apa pun.

  • Opsi deployment lainnya: Deploy ke solusi hosting pilihan Anda, termasuk platform lain atau server Anda sendiri.

Memublikasikan dan memantau aplikasi dengan Firebase App Hosting

Jika membuat aplikasi dengan App Prototyping agent, Anda dapat memublikasikan ke Firebase App Hosting langsung dari Firebase Studio.

Memublikasikan aplikasi dengan App Hosting

Saat Anda menyiapkan App Hosting, Firebase Studio akan membuat project Firebase untuk Anda dan memandu Anda menautkan akun Cloud Billing.

Untuk memublikasikan aplikasi ke Firebase App Hosting:

  1. Klik Publish untuk membuat project Firebase baru dan memulai penyiapan App Hosting. Panel Publish your app akan muncul.

  2. Pada langkah Firebase project, catat nama project Firebase yang dibuat untuk Anda, lalu klik Next.

  3. Pada langkah Link Cloud Billing account, pilih salah satu opsi berikut:

    • Pilih akun Cloud Billing yang ingin Anda tautkan ke project Firebase Anda.

    • Jika Anda tidak memiliki akun Cloud Billing atau ingin membuat akun baru, klik Create a Cloud Billing account. Tindakan ini akan membuka konsol Google Cloud, tempat Anda dapat membuat akun Cloud Billing layanan mandiri baru. Setelah membuat akun, kembali ke Firebase Studio dan pilih akun dari daftar Link Cloud Billing.

  4. Klik Next. Firebase Studio menautkan akun penagihan ke project yang terkait dengan ruang kerja Anda, yang dibuat saat Anda membuat kunci Gemini API secara otomatis atau saat Anda mengklik Publish. Kemudian, App Hosting menyiapkan lingkungan yang terkelola sepenuhnya untuk aplikasi Anda di Google Cloud.

  5. Klik Create your first rollout. Firebase Studio merilis peluncuran App Hosting. Proses ini dapat memerlukan waktu hingga sepuluh menit. Untuk mempelajari lebih lanjut apa yang terjadi di balik layar, lihat Proses build App Hosting.

  6. Setelah peluncuran selesai, App overview akan muncul dengan URL dan insight aplikasi yang didukung oleh kemampuan observasi App Hosting. Untuk menggunakan domain kustom (seperti contoh.com atau apl.contoh.com), Anda dapat menambahkan domain kustom di Firebase console, alih-alih domain yang dihasilkan Firebase.

Untuk mengetahui informasi selengkapnya tentang App Hosting, lihat Memahami App Hosting dan cara kerjanya.

Memantau aplikasi Anda dengan kemampuan observasi App Hosting

Panel App overview App Hosting memberikan metrik dan informasi penting tentang aplikasi Anda, sehingga Anda dapat memantau performa aplikasi web menggunakan alat kemampuan observasi bawaan App Hosting. Setelah situs diluncurkan, Anda dapat mengakses ringkasan dengan mengklik Publish. Dari panel ini, Anda dapat:

  • Mengklik Create rollout untuk merilis versi baru aplikasi Anda.
  • Membagikan link ke aplikasi Anda atau membuka aplikasi Anda secara langsung di Visit your app.
  • Meninjau ringkasan performa aplikasi Anda selama 7 hari terakhir, termasuk jumlah total permintaan dan status peluncuran terbaru Anda. Mengklik View details untuk mengakses informasi selengkapnya di Firebase console.
  • Melihat grafik jumlah permintaan yang diterima aplikasi Anda selama 24 jam terakhir, yang dikelompokkan menurut kode status HTTP.

Jika menutup panel App overview, Anda dapat membukanya kembali kapan saja dengan mengklik Publish.

Pelajari lebih lanjut cara mengelola dan memantau peluncuran App Hosting di Mengelola peluncuran dan rilis.

Melakukan roll back situs App Hosting

Jika telah men-deploy versi aplikasi berturut-turut ke App Hosting, Anda dapat melakukan roll back ke salah satu versi sebelumnya. Anda juga dapat menghapus aplikasi tersebut.

  • Untuk melakukan roll back situs yang dipublikasikan:

    1. Buka App Hosting di Firebase console.

    2. Temukan backend aplikasi Anda, klik View, lalu klik Rollouts.

    3. Di samping deployment yang ingin Anda roll back, klik More , lalu pilih Roll back to this build, dan konfirmasi.

    Pelajari lebih lanjut di Mengelola peluncuran dan rilis.

  • Untuk menghapus domain App Hosting dari web:

    1. Dari Firebase console, buka App Hosting, lalu klik View di bagian aplikasi Firebase Studio.

    2. Di bagian Backend information, klik Manage. Halaman Domains akan dimuat.

    3. Di samping domain Anda, klik More , lalu pilih Disable domain, dan konfirmasi.

    Tindakan ini akan menghapus domain Anda dari web. Untuk sepenuhnya menghapus backend App Hosting, ikuti petunjuk di Menghapus backend.

Firebase Hosting

Anda dapat memublikasikan aplikasi web ke Firebase Hosting dari ruang kerja Firebase Studio. Sebelum memublikasikan aplikasi web ke Firebase Hosting, buat project Firebase dan daftarkan aplikasi Anda.

Jika tidak memiliki izin project Firebase yang diperlukan, Anda dapat meminta Pemilik project Firebase untuk menetapkan peran yang berlaku di halaman Pengguna dan Izin Firebase console. Jika Anda memiliki pertanyaan terkait cara mengakses project Firebase, termasuk cara menemukan atau menetapkan Pemilik, lihat Izin dan akses ke project Firebase.

Untuk men-deploy aplikasi di Firebase Hosting dari Firebase Studio:

  1. Buka ruang kerja Firebase Studio Anda. Jika Anda menggunakan App Prototyping agent, klik Ikon tombol kode Switch to Code untuk membuka tampilan Code.

  2. Klik ikon Firebase Studio di panel navigasi untuk membuka panel Firebase Studio dan meluaskan bagian Firebase Hosting.

  3. Klik Authenticate Firebase dan ikuti petunjuk di jendela Terminal untuk mengautentikasi akun Firebase Anda.

  4. Klik Initialize Firebase Hosting dan ikuti petunjuk di jendela Terminal untuk menyiapkan konfigurasi deployment Anda.

  5. Untuk men-deploy aplikasi, klik Deploy to Production atau Deploy to Channel dari bagian Firebase Hosting di panel Firebase Studio.

Cloud Run

Sebelum men-deploy menggunakan Cloud Run, pastikan Anda menyiapkan project Google Cloud dan mengaktifkan Cloud Billing.

  1. Buka ruang kerja Firebase Studio Anda. Jika Anda menggunakan App Prototyping agent, klik Ikon tombol kode Switch to Code untuk membuka tampilan Code.

  2. Klik ikon Firebase Studio di panel navigasi untuk membuka panel Firebase Studio, lalu klik Deploy to Cloud Run.

  3. Pilih Allow this workspace to access Google Cloud resources using my Google Account, lalu pilih project Google Cloud dengan penagihan aktif dari jendela dialog.

  4. Klik Authenticate dari bagian Cloud Run di panel Firebase Studio dan ikuti petunjuk untuk melakukan autentikasi.

  5. Klik Deploy dan ikuti petunjuk untuk menyiapkan konfigurasi deployment dan men-deploy aplikasi Anda.

Langkah berikutnya