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 layanan mikro 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:

Langkah 3: Deploy ke situs Anda

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

firebase deploy --only hosting

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.