Memulai 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 gratis project Anda di 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 mengupdate ke versi terbarunya.

Langkah 2: Inisialisasi project Anda

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

firebase init

Selama inisialisasi project, berikut beberapa permintaan dari Firebase CLI:

  1. Pilih untuk menyiapkan Hosting.

    Jika ingin menyiapkan produk Firebase lain untuk project Anda, baca dokumentasi produk tersebut untuk mengetahui informasi terkait cara menyiapkannya. Perlu diperhatikan bahwa Anda dapat menjalankan firebase init nanti untuk menyiapkan produk Firebase lainnya.

  2. Pilih project Firebase untuk terhubung 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.

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

    Direktori ini berisi semua file statis yang ditayangkan 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.

  4. 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 direktori utama aplikasi lokal Anda secara otomatis:

Langkah 3: Deploy ke situs Anda

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

firebase deploy

Perintah ini men-deploy rilis ke situs Hosting default project Firebase Anda:

  • projectID.web.app
  • projectID.firebaseapp.com

Pelajari lebih lanjut deployment dan bahkan menguji situs Anda secara lokal.

Langkah berikutnya

Kini situs Anda siap dibagikan kepada dunia.