Firebase SDK'larını ayrılmış URL'lerden yükleyin

Firebase ile başlayan sitenize rezervleri URL'ler Barındırma /__ . Bu ayrılmış ad alanı, diğer Firebase ürünlerini Firebase Hosting ile birlikte kullanmayı kolaylaştırır.

Bunlar ayrılmış URL'ler mevcuttur hem siz Firebase (için dağıtırken firebase deploy ) ya da yerel bir sunucu üzerinde uygulamanızı çalıştırdığınızda ( firebase serve ).

Ayrılmış URL'ler için komut dosyaları ekleyin

Firebase Hosting, dağıtıldığında HTTP/2 üzerinden sunulduğundan, dosyaları aynı kaynaktan yükleyerek performansı artırabilirsiniz. Firebase Hosting, Firebase JavaScript SDK'nın tüm sürümlerini şu şekilde biçimlendirilmiş özel URL'lerden sunar:

/__/firebase/JS_SDK_VERSION/FIREBASE_SDK_NAME.js

Önemle sadece yükleme tavsiye kütüphaneler uygulamanızda kullandığınız. Örneğin, altına aşağıdaki komut ekleyin yalnızca Kimlik Doğrulama ve Bulut FireStore içerecek şekilde <body> etiketi, ancak herhangi Firebase hizmetlerini kullanmadan önce:

<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.0/firebase-app.js"></script>

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

SDK otomatik yapılandırması

Otomatik SDK yapılandırması, birden çok ortamı (geliştirme, hazırlama ve üretim gibi) tek bir kod tabanından yönetmeyi kolaylaştırır. Ayrılmış Barındırma URL'sine güvenerek aynı kodu birden fazla Firebase projesine dağıtabilirsiniz.

Ayrılmış ad alanı, SDK'ların kendilerini barındırmaya ek olarak, Barındırma sitesiyle ilişkili Firebase projesi için SDK'yı başlatmak için gerekli tüm yapılandırmayı da sağlar. Bu Firebase yapılandırması ve SDK başlatma, doğrudan ekleyebileceğiniz bir komut dosyası tarafından sağlanır:

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

Eğer Firebase için dağıtmak veya yerel olarak uygulamanızı test ederken, bu komut dosyası otomatik olarak Firebase JavaScript SDK yapılandırır aktif Firebase projesi ve SDK başlatır.

Başlatmayı kendiniz kontrol etmeyi tercih ederseniz, Firebase yapılandırma değerleri JSON biçiminde de mevcuttur:

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

Kullanılabilir Firebase JS SDK'ları (ayrılmış Barındırma URL'lerinden)

Firebase ürünü Kitaplık referansı (ayrılmış URL)
Firebase çekirdeği
(gereklidir)
<script src="/__/firebase/8.10.0/firebase-app.js"></script>
Analitik
<script src="/__/firebase/8.10.0/firebase-analytics.js"></script>
Uygulama Kontrolü
<script src="/__/firebase/8.10.0/firebase-app-check.js"></script>
kimlik doğrulama
<script src="/__/firebase/8.10.0/firebase-auth.js"></script>
Bulut Firestore
<script src="/__/firebase/8.10.0/firebase-firestore.js"></script>
Firebase İstemci SDK'sı için Bulut İşlevleri
<script src="/__/firebase/8.10.0/firebase-functions.js"></script>
Bulut Mesajlaşma
<script src="/__/firebase/8.10.0/firebase-messaging.js"></script>

Cloud Messaging'i en iyi şekilde kullanmak için Analytics için Firebase SDK'sını da ekleyin.

Bulut depolama
<script src="/__/firebase/8.10.0/firebase-storage.js"></script>
Performans İzleme
(Beta)
<script src="/__/firebase/8.10.0/firebase-performance.js"></script>
Gerçek Zamanlı Veritabanı
<script src="/__/firebase/8.10.0/firebase-database.js"></script>
Uzak Yapılandırma
(Beta)
<script src="/__/firebase/8.10.0/firebase-remote-config.js"></script>

Remote Config'i en iyi şekilde kullanmak için Analytics için Firebase SDK'sını da ekleyin.

Firebase JavaScript SDK'sı
(tüm SDK)
<script src="/__/firebase/8.10.0/firebase.js"></script>

Yetkilendirme yardımcıları

Firebase Kimlik Doğrulama OAuth aracılığıyla sağlayıcıları ile komple kimlik doğrulaması için özel JavaScript ve HTML sağlamak için ayrılmış ad kullanır. Bu, her Firebase projesinin benzersiz bir Firebase alt etki alanına sahip olmasını sağlayarak Firebase Kimlik Doğrulamasının güvenliğini artırır.

Buna ek olarak, bu sizin için kendi özel alanını kullanmasını sağlar authDomain seçeneği firebase.initializeApp() . Eğer varsa özel alan adı yapılandırmak Firebase Hosting için, o zaman da bu özel etki alanı (yerine ait belirtebilirsiniz web.app veya firebaseapp.com Firebase SDK'larını başlatırken alt alan).

Ayrılmış URL'ler ve hizmet çalışanları

Bir Aşamalı Web Uygulaması (PWA) oluşturuyorsanız, "gezinme yedeği" olan ve önceden önbelleğe alınmış öğeler listesiyle eşleşmiyorsa varsayılan olarak belirli bir URL işleyen bir hizmet çalışanı oluşturabilirsiniz.

Eğer kullanıyorsanız sw-precache kütüphane, bunu dışlar ayrılmış ad ayarı beyaz liste navigasyon yedeği ekleyebilirsiniz:

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

Genel olarak, çift alt çizgi ad alanının Firebase kullanımı için ayrıldığını ve bu istekleri hizmet çalışanınızda engellememeniz gerektiğini unutmayın.