Ikuti semua informasi yang diumumkan di Firebase Summit, dan pelajari bagaimana Firebase dapat membantu Anda mempercepat pengembangan aplikasi dan menjalankan aplikasi dengan percaya diri. Pelajari Lebih Lanjut

Muat Firebase SDK dari URL yang dipesan

Firebase Hosting menyimpan URL di situs Anda yang dimulai dengan /__ . Namespace yang dicadangkan ini mempermudah penggunaan produk Firebase lainnya bersama dengan Firebase Hosting.

URL yang dicadangkan ini tersedia saat Anda menerapkan ke Firebase ( firebase deploy ) atau saat Anda menjalankan aplikasi di server lokal ( firebase serve ).

Tambahkan skrip untuk URL yang dipesan

Karena Firebase Hosting disajikan melalui HTTP/2 saat diterapkan, Anda dapat meningkatkan performa dengan memuat file dari sumber yang sama. Firebase Hosting menyajikan Firebase JavaScript SDK versi 8 dari URL khusus yang diformat seperti ini:

/__/firebase/JS_SDK_VERSION/FIREBASE_SDK_NAME.js

Kami sangat menyarankan hanya memuat pustaka yang Anda gunakan di aplikasi Anda. Misalnya, untuk menyertakan Authentication dan Cloud Firestore saja, tambahkan skrip berikut ke bagian bawah tag <body> Anda, tetapi sebelum Anda menggunakan layanan Firebase apa pun:

<body>
  <!-- Insert these scripts at the bottom of the HTML, but before you use any Firebase services -->
  <!-- Firebase App (the core Firebase SDK) is always required and must be listed first -->
  <script src="/__/firebase/8.10.1/firebase-app.js"></script>

  <!-- Add Firebase products that you want to use -->
  <script src="/__/firebase/8.10.1/firebase-auth.js"></script>
  <script src="/__/firebase/8.10.1/firebase-firestore.js"></script>
</body>

Konfigurasi otomatis SDK

Konfigurasi SDK otomatis memudahkan pengelolaan beberapa lingkungan (seperti pengembangan, pementasan, dan produksi) dari satu basis kode. Dengan mengandalkan URL Hosting yang dicadangkan, Anda dapat menerapkan kode yang sama ke beberapa proyek Firebase.

Selain menghosting SDK itu sendiri, namespace yang dicadangkan juga menyediakan semua konfigurasi yang diperlukan untuk menginisialisasi SDK untuk project Firebase yang terkait dengan situs Hosting. Konfigurasi Firebase dan inisialisasi SDK ini disediakan oleh skrip yang dapat Anda sertakan secara langsung:

<!-- Load the Firebase SDKs before loading this file -->
<script src="/__/firebase/init.js"></script>

Saat Anda men-deploy ke Firebase atau menguji aplikasi secara lokal, skrip ini otomatis mengonfigurasi Firebase JavaScript SDK untuk project Firebase yang aktif dan menginisialisasi SDK.

Jika Anda lebih suka mengontrol inisialisasi sendiri, nilai konfigurasi Firebase juga tersedia dalam bentuk JSON:

fetch('/__/firebase/init.json').then(async response => {
  firebase.initializeApp(await response.json());
});

Firebase JS SDK yang tersedia (dari URL Hosting yang dipesan)

produk Firebase Referensi perpustakaan (URL yang dicadangkan)
Inti Firebase
(yg dibutuhkan)
<script src="/__/firebase/8.10.1/firebase-app.js"></script>
Analitik
<script src="/__/firebase/8.10.1/firebase-analytics.js"></script>
Pemeriksaan Aplikasi
<script src="/__/firebase/8.10.1/firebase-app-check.js"></script>
Autentikasi
<script src="/__/firebase/8.10.1/firebase-auth.js"></script>
Toko Api Awan
<script src="/__/firebase/8.10.1/firebase-firestore.js"></script>
Cloud Functions untuk SDK Klien Firebase
<script src="/__/firebase/8.10.1/firebase-functions.js"></script>
Instalasi Firebase
<script src="/__/firebase/8.10.1/firebase-installations.js"></script>
Pesan Awan
<script src="/__/firebase/8.10.1/firebase-messaging.js"></script>

Untuk pengalaman optimal menggunakan Cloud Messaging, tambahkan juga Firebase SDK untuk Analytics.

Penyimpanan awan
<script src="/__/firebase/8.10.1/firebase-storage.js"></script>
Pemantauan Kinerja
(rilis beta )
<script src="/__/firebase/8.10.1/firebase-performance.js"></script>
Basis Data Waktu Nyata
<script src="/__/firebase/8.10.1/firebase-database.js"></script>
Konfigurasi Jarak Jauh
(rilis beta )
<script src="/__/firebase/8.10.1/firebase-remote-config.js"></script>

Untuk pengalaman optimal menggunakan Remote Config, tambahkan juga Firebase SDK untuk Analytics.

Firebase JavaScript SDK
(seluruh SDK)
<script src="/__/firebase/8.10.1/firebase.js"></script>

Pembantu otorisasi

Firebase Authentication menggunakan ruang nama yang dicadangkan untuk menyediakan JavaScript dan HTML khusus guna menyelesaikan autentikasi dengan penyedia melalui OAuth. Hal ini memungkinkan setiap proyek Firebase memiliki subdomain Firebase yang unik, sehingga meningkatkan keamanan Firebase Authentication.

Selain itu, ini memungkinkan Anda menggunakan domain kustom Anda sendiri untuk opsi authDomain dari firebase.initializeApp() . Jika Anda mengonfigurasi domain khusus untuk Firebase Hosting, Anda juga dapat menentukan domain khusus tersebut (bukan subdomain web.app atau firebaseapp.com ) saat menginisialisasi Firebase SDK.

URL cadangan dan pekerja layanan

Jika Anda membuat Progressive Web App (PWA), Anda dapat membuat service worker yang memiliki "navigation fallback" dan merender URL tertentu secara default jika tidak cocok dengan daftar item yang di-cache sebelumnya.

Jika Anda menggunakan perpustakaan sw-precache , Anda dapat menambahkan pengaturan daftar putih fallback navigasi yang mengecualikan ruang nama yang dicadangkan:

{
  navigateFallbackWhitelist: [/^(?!\/__).*/]
}

Secara umum, ingatlah bahwa ruang nama garis bawah ganda dicadangkan untuk penggunaan Firebase dan Anda tidak boleh mencegat permintaan ini di pekerja layanan Anda.