Mulai menggunakan Firebase Hosting

Firebase Hosting memberikan cara yang cepat, aman, dan tepercaya untuk menghosting aset statis aplikasi Anda (seperti HTML, CSS, JavaScript, file media, dsb.), serta menayangkan konten dinamis dan menghosting microservice Anda.

Layanan hosting kami yang berkelas produksi didukung oleh jaringan penayangan konten (CDN) global. Hosting menayangkan konten melalui SSL secara default, dan dapat digunakan dengan domain kustom Anda sendiri atau pada subdomain project Anda tanpa biaya pada web.app dan firebaseapp.com.

Sebelum memulai

Sebelum dapat menyiapkan Firebase Hosting, Anda perlu membuat project Firebase.

Langkah 1: Instal Firebase CLI

Baca dokumentasi Firebase CLI untuk mempelajari cara menginstal CLI atau mengupdatenya ke versi terbaru.

Langkah 2: Inisialisasi project Anda

Untuk menghubungkan file project lokal ke project Firebase, jalankan perintah berikut dari root direktori project lokal Anda:

firebase init hosting

Selama inisialisasi project, dari prompt Firebase CLI:

1. Pilih project Firebase yang ingin dihubungkan ke direktori project lokal Anda.

   Project Firebase yang dipilih adalah project Firebase "default" untuk direktori project lokal Anda. Untuk menghubungkan project Firebase tambahan ke direktori project lokal Anda, siapkan alias project.

2. Tentukan direktori yang akan digunakan sebagai direktori utama publik Anda.

   Direktori ini berisi semua file statis yang disalurkan untuk publik, termasuk file index.html dan aset lainnya yang ingin Anda deploy ke Firebase Hosting.

   • Default untuk direktori utama publik disebut public.

     • Anda dapat menentukan direktori utama publik sekarang atau menentukannya nanti di file konfigurasi firebase.json.

     • Jika Anda memilih default dan belum memiliki direktori bernama public, Firebase akan membuatkannya untuk Anda.

   • Jika Anda belum memiliki file index.html yang valid atau file 404.html di direktori utama publik Anda, Firebase akan membuatkannya untuk Anda.

3. Pilih konfigurasi untuk situs Anda.

   Jika memilih untuk membuat aplikasi satu halaman, Firebase akan menambahkan konfigurasi penulisan ulang secara otomatis untuk Anda.

Di akhir inisialisasi, Firebase akan membuat dan menambahkan dua file ke root direktori aplikasi lokal Anda secara otomatis:

• File konfigurasi firebase.json yang mencantumkan konfigurasi project Anda. Pelajari file ini lebih lanjut di halaman mengonfigurasi perilaku hosting.

• File .firebaserc yang menyimpan alias project Anda.

Langkah 3: Deploy ke situs Anda

Untuk men-deploy ke situs, jalankan perintah berikut dari root direktori project lokal Anda:

firebase deploy --only hosting

Catatan: Dengan menjalankan perintah ini menggunakan flag --only hosting, berarti Anda hanya men-deploy konten dan konfigurasi Hosting. Jika juga ingin men-deploy resource atau konfigurasi project lainnya (seperti fungsi atau aturan database), jalankan perintah ini dengan daftar yang dipisahkan koma dalam flag tersebut (misalnya, --only hosting,functions).

Perintah ini men-deploy konten dan konfigurasi Hosting Anda ke subdomain yang disediakan Firebase berikut:

• PROJECT_ID.web.app
• PROJECT_ID.firebaseapp.com

Pelajari deployment dan pengujian situs secara lokal lebih lanjut.

Langkah berikutnya

Sekarang situs Anda siap dibagikan kepada dunia.

• Terus tingkatkan performa situs Anda. Uji secara lokal, bagikan perubahan di URL pratinjau sementara, lalu deploy ke situs live. Ikuti panduan langkah demi langkah ini.

• Pelajari kemampuan hosting lainnya:

  • Mengonfigurasi perilaku hosting
  • Menghubungkan domain kustom
  • Menayangkan konten dinamis dan menghosting microservice

• Baca dokumentasi lengkap untuk Firebase CLI.

• Bersiap meluncurkan aplikasi Anda:

  • Siapkan pemberitahuan anggaran untuk project Anda di Google Cloud Console.
  • Pantau dasbor Usage and billing di Firebase console untuk mendapatkan gambaran keseluruhan penggunaan project Anda di berbagai layanan Firebase. Anda juga dapat membuka dasbor Usage Hosting untuk mengetahui informasi penggunaan yang lebih mendetail.
  • Periksa checklist peluncuran Firebase.