Buka konsol

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 layanan mikro Anda.

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

Sebelum memulai

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

Langkah 1: Instal Firebase CLI

Firebase CLI (antarmuka command-line) memerlukan Node.js dan npm (Node Package Manager).

  1. Instal Node.js menggunakan salah satu opsi berikut. Menginstal Node.js secara otomatis menginstal npm.

    • Untuk Mac/Linux, gunakan nvm (Node Version Manager).
    • Untuk Windows, gunakan nvm-windows.
  2. Instal Firebase CLI menggunakan npm dengan menjalankan:

    npm install -g firebase-tools

    Perintah ini menginstal perintah firebase yang tersedia secara global. Untuk melakukan update ke versi Firebase CLI terbaru, jalankan kembali perintah npm install yang sama.

  3. Login ke Firebase menggunakan akun Google Anda dengan menjalankan:

    firebase login

    Perintah ini menghubungkan komputer lokal Anda ke Firebase dan memberikan akses ke project Firebase Anda.

  4. Untuk menguji bahwa autentikasi tersebut berfungsi (dan untuk mencantumkan semua project Firebase Anda), jalankan perintah berikut:

    firebase list

    Daftar yang ditampilkan harus sama dengan project Firebase yang terdaftar di Firebase console.

Mengupdate ke versi CLI terbaru

Pastikan Anda menggunakan versi Firebase CLI terbaru dengan menjalankan kembali perintah penginstalan CLI:

npm install -g firebase-tools

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 penyiapannya. Perhatikan bahwa Anda selalu 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 root publik Anda.

    Direktori ini berisi semua file statis yang ditayangkan untuk publik, termasuk file index.html Anda dan aset lain yang ingin diterapkan ke Firebase Hosting.

    • Direktori default untuk direktori root publik disebut public.

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

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

    • Jika Anda belum memiliki file index.html yang valid atau file 404.html di direktori root publik, Firebase akan membuatnya 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 root direktori aplikasi lokal Anda secara otomatis:

Langkah 3: Terapkan ke situs Anda

Untuk menerapkan ke situs Anda, jalankan perintah berikut dari root direktori project lokal:

firebase deploy

Perintah ini menerapkan rilis ke situs Hosting default pada project Firebase Anda, firebase-project-id.firebaseapp.com

Anda dapat mempelajari lebih lanjut penerapan dan bahkan menguji situs secara lokal dalam dokumentasi Hosting.

Langkah berikutnya

Sekarang situs Anda siap dibagikan kepada dunia. Anda juga dapat mempelajari cara:

Selain itu, baca dokumentasi lengkap terkait Firebase CLI.