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:
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 .
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 file404.html
yang valid di direktori root publik, Firebase akan membuatnya untuk Anda.
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
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:
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 .