Buka konsol

Membagikan resource project ke beberapa situs

Anda dapat menyiapkan satu atau beberapa situs Firebase Hosting pada sebuah project Firebase. Karena semua situs berada dalam project Firebase yang sama, semua situs ini dapat mengakses resource Firebase lain dalam project tersebut.

  • Setiap situs memiliki konfigurasi hosting sendiri.
  • Setiap situs menghosting koleksi kontennya sendiri.
  • Setiap situs dapat memiliki satu atau beberapa domain terkait.

Dengan menetapkan beberapa situs Hosting dalam project Firebase yang sama, Anda bisa lebih mudah membagikan resource Firebase di antara situs dan aplikasi yang terkait. Misalnya, jika blog, panel admin, dan aplikasi publik Anda semuanya ditetapkan sebagai situs individual dalam project Firebase yang sama, maka semuanya dapat berbagi database pengguna Firebase Authentication yang sama, selain juga memiliki domain atau aset statisnya sendiri-sendiri yang unik.

Langkah 1: Mengupdate versi Firebase CLI Anda

Pastikan Anda memiliki fitur Firebase Hosting terbaru. Update ke versi Firebase CLI terbaru dengan menjalankan perintah berikut dari terminal Anda:

npm install -g firebase-tools

Langkah 2: Menambahkan situs tambahan

Tambahkan situs tambahan ke project Firebase langsung dari halaman Firebase Hosting. Untuk masing-masing situs, Anda juga memiliki opsi untuk menambahkan domain kustom yang akan menayangkan konten dan konfigurasi yang sama ke beberapa URL.

Menghapus situs sekunder

Hapus situs yang tidak diinginkan langsung dari halaman Firebase Hosting. Perlu diperhatikan bahwa Anda tidak dapat menghapus situs default, yang memiliki nama yang sama dengan project Firebase Anda.

Langkah 3: Menyiapkan target penerapan untuk situs Anda

Jika Anda memiliki beberapa situs dan menjalankan perintah penerapan Firebase CLI, CLI memerlukan cara untuk mengomunikasikan setelan yang harus diterapkan ke setiap situs. Dengan menerapkan target, Anda dapat secara unik mengidentifikasi situs tertentu menggunakan nama target-nya di file konfigurasi firebase.json dan dalam perintah Firebase CLI untuk melakukan pengujian atau penerapan ke situs Anda.

Untuk membuat target penerapan dan menerapkan target name ke situs Hosting, jalankan perintah CLI berikut dari root direktori project Anda:

firebase target:apply hosting target-name resource-name

Dengan parameter:

  • target-name — ID unik (yang Anda tetapkan sendiri) untuk situs Hosting yang menjadi target penerapan

  • resource-name — nama situs Hosting seperti yang tercantum dalam project Firebase Anda

Misalnya, jika Anda membuat dua situs (myapp-blog dan myapp-app) di project Firebase, Anda dapat menerapkan target name yang unik pada setiap situs (masing-masing, blog dan app) dengan menjalankan perintah berikut:

firebase target:apply hosting blog myapp-blog
firebase target:apply hosting app myapp-app

Setelan untuk target penerapan disimpan di file .firebaserc pada direktori project, sehingga Anda hanya perlu menyiapkan target penerapan sekali per project.

Langkah 4: Menetapkan konfigurasi hosting untuk setiap situs

Gunakan target name yang diterapkan situs ketika Anda menetapkan konfigurasi hosting di file firebase.json Anda.

  • Jika file firebase.json Anda menetapkan konfigurasi untuk beberapa situs, gunakan format array:

    {
      "hosting": [ {
          "target": "blog",  // "blog" is the applied target name for the Hosting site "myapp-blog"
          "public": "blog/dist",  // contents of this folder are deployed to the site "myapp-blog"
    
          // ...
        },
        {
          "target": "app",  // "app" is the applied target name for the Hosting site "myapp-app"
          "public": "app/dist",  // contents of this folder are deployed to the site "myapp-app"
    
          // ...
    
          "rewrites": [...]  // You can define specific Hosting configurations for each site
        }
      ]
    }
    
  • Jika file firebase.json Anda menetapkan konfigurasi untuk satu situs saja, format array tidak perlu digunakan:

    {
      "hosting": {
          "target": "blog",
          "public": "dist",
    
          // ...
    
          "rewrites": [...]
      }
    }
    

Langkah 5: Menerapkan ke situs atau menayangkan secara lokal

Jalankan salah satu perintah berikut dari root direktori project Anda.

Perintah Deskripsi
firebase deploy Membuat rilis untuk semua resource yang dapat diterapkan dalam direktori project Anda
firebase deploy --only hosting:target-name Membuat rilis untuk resource yang ditujukan hanya untuk target Hosting yang ditentukan
firebase serve Menayangkan project Firebase secara lokal
firebase serve --only hosting:target-name Menayangkan secara lokal resource yang ditujukan hanya untuk target Hosting yang ditentukan