Mulai menggunakan Hosting Aplikasi

Dengan aplikasi Next.js atau Angular yang sudah ada (Next.js versi 13+ atau Angular 17.2+) di repositori GitHub, memulai Hosting Aplikasi bisa semudah membuat backend App Hosting, lalu memulai peluncuran dengan push ke cabang live Anda. Jika Anda tidak memiliki aplikasi, gunakan salah satu aplikasi contoh kami untuk mengikuti langkah-langkah yang dijelaskan dalam panduan ini.

Sebelum memulai

Sebelum dapat menyiapkan Firebase App Hosting, Anda harus membuat project Firebase (jika belum memilikinya) dan mengupgrade ke paket Blaze.

Untuk membuat project:

  1. Di Firebase console, klik Add project.

    • Untuk menambahkan resource Firebase ke project Google Cloud yang sudah ada, masukkan nama project-nya atau pilih dari menu dropdown.

    • Untuk membuat project baru, masukkan nama project yang diinginkan. Anda juga dapat mengedit project ID yang ditampilkan di bawah nama project.

  2. Jika diminta, tinjau dan setujui persyaratan Firebase.

  3. Klik Continue.

  4. (Opsional) Siapkan Google Analytics untuk project Anda dan optimalkan penggunaan produk-produk Firebase berikut:

    Pilih akun Google Analytics yang ada atau buat akun baru.

    Jika Anda membuat akun baru, pilih lokasi pelaporan Analytics, lalu setujui setelan berbagi data dan persyaratan Google Analytics untuk project Anda.

  5. Klik Create project (atau Add Firebase, jika Anda menggunakan project Google Cloud yang sudah ada).

Firebase otomatis menyediakan resource untuk project Firebase Anda. Begitu selesai, Anda akan dibawa ke halaman ringkasan untuk project Firebase Anda di Firebase console.

Langkah 0 (opsional): Buat repositori GitHub dan aplikasi Web

Jika Anda belum memiliki aplikasi Web yang berada di repositori GitHub, atau jika Anda lebih suka mencoba alur dengan aplikasi contoh, mulailah dengan menginisialisasi salah satu contoh kami, baik untuk Next.js atau Angular:

npm init @apphosting

Anda dapat menjalankan aplikasi contoh secara lokal menggunakan next dev atau ng start. Untuk melanjutkan, buat repositori GitHub baru dan kirim kode contoh yang baru diinisialisasi ke repositori tersebut.

Langkah 1: Membuat backend App Hosting

Backend App Hosting adalah kumpulan resource terkelola yang dibuat oleh App Hosting untuk mem-build dan menjalankan aplikasi Web Anda. Anda dapat membuat dan mencantumkan backend App Hosting menggunakan Firebase console atau Firebase CLI.

Firebase console: Dari menu Build, pilih App Hosting, lalu Get started.

CLI: (Versi 3.9 atau yang lebih baru) Untuk membuat backend, jalankan perintah berikut dari root direktori project lokal Anda, dengan memasukkan project ID sebagai argumen (untuk pratinjau, hanya region us-central1 yang didukung):

firebase apphosting:backends:create --project PROJECT_ID --location us-central1

Untuk konsol atau CLI, ikuti petunjuk untuk menetapkan nama ke backend Anda, menyiapkan koneksi GitHub, dan mengonfigurasi setelan deployment dasar ini:

  • Menyetel direktori utama aplikasi Anda (default-nya adalah /)

    Biasanya di sinilah file package.json Anda berada.

  • Menetapkan live cabang

    Ini adalah cabang dari repositori GitHub yang di-deploy ke URL aktif Anda. Sering kali, ini adalah cabang tempat cabang fitur atau cabang pengembangan digabungkan.

  • Menyetujui atau menolak peluncuran otomatis

    Peluncuran otomatis diaktifkan secara default. Setelah selesai membuat backend, Anda dapat memilih agar aplikasi Anda segera di-deploy ke App Hosting.

Langkah 2: Lihat aplikasi yang di-deploy

Saat Anda membuat backend, Firebase akan memberi Anda subdomain tanpa biaya tempat pengguna akhir dapat mengunjungi aplikasi Web Anda. Formatnya adalah backend-id--project-id.us-central1.hosted.app.

Untuk melihat URL aplikasi Web Anda, periksa Firebase console, atau jalankan perintah CLI berikut:

firebase apphosting:backends:get --project PROJECT_ID {BACKEND_ID} --location us-central1

Langkah 3: Picu peluncuran dengan mengirim perubahan

Setelah backend dibuat dan Anda memiliki URL aktif, Anda dapat memicu peluncuran versi baru aplikasi Web setiap kali Anda mengirimkan perubahan ke cabang aktif dari repositori GitHub. Untuk melakukan pengujian penyiapan App Hosting:

  1. Di GitHub, kirim perubahan ke cabang aktif aplikasi Web.
  2. Buka tab App Hosting di Firebase console dan pilih Lihat dasbor untuk backend Anda. Daftar tabel menampilkan commit spesifik yang terkait dengan peluncuran yang dipicu oleh perubahan Anda.

Langkah berikutnya