Mulai dengan Firebase Hosting

Firebase Hosting memberi Anda cara yang cepat, aman, dan andal untuk menghosting aset statis aplikasi Anda (HTML, CSS, JavaScript, file media, dll.) serta menyajikan konten dinamis dan menghosting layanan mikro .

Hosting tingkat produksi kami didukung oleh jaringan pengiriman konten (CDN) global. Hosting melayani konten Anda melalui SSL, secara default, dan dapat digunakan dengan domain kustom Anda sendiri atau di subdomain proyek Anda tanpa biaya di web.app dan firebaseapp.com .

Sebelum kamu memulai

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

Langkah 1 : Instal Firebase CLI

Kunjungi dokumentasi Firebase CLI untuk mempelajari cara memasang CLI atau mengupdate ke versi terbarunya .

Langkah 2 : Inisialisasi proyek Anda

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

firebase init hosting

Selama inisialisasi proyek, dari prompt Firebase CLI:

1. Pilih proyek Firebase untuk dihubungkan ke direktori proyek lokal Anda.

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

2. Tentukan direktori untuk digunakan sebagai direktori root publik Anda.

   Direktori ini berisi semua file statis Anda yang disajikan secara publik, termasuk file index.html dan aset lainnya yang ingin Anda terapkan ke Firebase Hosting.

   • Default untuk direktori root publik disebut public .

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

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

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

3. Pilih konfigurasi untuk situs Anda.

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

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

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

• File .firebaserc yang menyimpan alias proyek Anda .

Langkah 3 : Terapkan ke situs Anda

Untuk menyebarkan ke situs Anda, jalankan perintah berikut dari akar direktori proyek lokal Anda:

firebase deploy --only hosting

Catatan: Dengan menjalankan perintah ini dengan tanda --only hosting , Anda hanya menerapkan konten dan konfigurasi Hosting. Jika Anda juga ingin menerapkan sumber daya atau konfigurasi proyek lain (seperti fungsi atau aturan basis data), jalankan perintah ini dengan daftar yang dipisahkan koma di tanda (misalnya, --only hosting,functions ).

Perintah ini menerapkan konten dan konfigurasi Hosting Anda ke subdomain yang disediakan oleh Firebase berikut:

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

Pelajari lebih lanjut tentang penyebaran dan bahkan menguji situs Anda secara lokal .

Langkah selanjutnya

Sekarang situs Anda siap untuk berbagi dengan dunia!

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

• Pelajari tentang kemampuan hosting lebih lanjut:

  • Konfigurasikan perilaku hosting
  • Hubungkan domain khusus
  • Sajikan konten dinamis dan host layanan mikro

• Lihat dokumentasi lengkap untuk Firebase CLI .

• Bersiaplah untuk meluncurkan aplikasi Anda:

  • Siapkan peringatan anggaran untuk proyek Anda di Google Cloud Console.
  • Pantau dasbor Penggunaan dan penagihan di Firebase console untuk mendapatkan gambaran keseluruhan tentang penggunaan proyek Anda di beberapa layanan Firebase. Anda juga dapat mengunjungi dasbor Penggunaan Hosting untuk informasi penggunaan yang lebih mendetail.
  • Tinjau daftar periksa peluncuran Firebase .