Ayrılmış URL'lerden Firebase SDK'larını yükle

Firebase Hosting, sitenizde /__ ile başlayan URL'leri ayırır. Bu ayrılmış ad alanı, API'lerle birlikte diğer Firebase ürünlerini Firebase Barındırma.

Bu ayrılmış URL'ler, Firebase'e dağıtım yaptığınızda hem de kullanılabilir (firebase deploy) veya uygulamanızı yerel bir sunucuda çalıştırdığınızda (firebase serve).

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

Firebase Hosting, dağıtıldığında HTTP/2 üzerinden sunulduğundan aynı kaynaktan dosyalar yükleyerek daha iyi performans elde edebilirsiniz. Firebase Hosting sunma sayısı Firebase JavaScript SDK'sının 8. sürümünü aşağıdaki gibi biçimlendirilmiş özel URL'lerden uygulayın:

/__/firebase/JS_SDK_VERSION/FIREBASE_SDK_NAME.js

Yalnızca kitaplığa erişimi olan kitaplıkların oluşturmaktan ibaret değildir. Örneğin, yalnızca Kimlik Doğrulama ve Cloud Firestore'da aşağıdaki komut dosyalarını <body> dosyanızın altına ekleyin etiketi yükleyin, ancak herhangi bir Firebase hizmetini 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.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>

SDK otomatik yapılandırması

Otomatik SDK yapılandırması, birden fazla ortamı (ör. hazırlık ve üretim olarak) tek bir kod tabanından gerçekleştirmeniz gerekir. ayrılmış Hosting URL'si kullanıyorsanız aynı kodu birden fazla Firebase'e dağıtabilirsiniz bilgi edinmenizi sağlar.

Ayrılmış ad alanı, SDK'ların kendisini barındırmanın yanı sıra aşağıdakileri de sağlar. Firebase için SDK'yı başlatmak için gereken tüm yapılandırma Hosting sitesiyle ilişkilendirilen bir projedir. 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>

Firebase'e dağıtım yaptığınızda veya uygulamanızı yerel olarak test ettiğinizde bu komut dosyası otomatik olarak için Firebase JavaScript SDK'sını yapılandırır. etkin Firebase projesi oluşturur ve SDK'yı başlatır.

Başlatma işlemini kendiniz kontrol etmek isterseniz Firebase yapılandırması 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ış Hosting URL'lerinden)

ziyaret edin.
Firebase ürünü Kitaplık referansı (ayrılmış URL)
Firebase core
(zorunlu)
<script src="/__/firebase/8.10.1/firebase-app.js"></script>
Analizler
<script src="/__/firebase/8.10.1/firebase-analytics.js"></script>
Uygulama Kontrolü
<script src="/__/firebase/8.10.1/firebase-app-check.js"></script>
Kimlik Doğrulama
<script src="/__/firebase/8.10.1/firebase-auth.js"></script>
Cloud Firestore
<script src="/__/firebase/8.10.1/firebase-firestore.js"></script>
Cloud Functions for Firebase İstemci SDK'sı
<script src="/__/firebase/8.10.1/firebase-functions.js"></script>
Firebase yüklemeleri
<script src="/__/firebase/8.10.1/firebase-installations.js"></script>
Bulut Mesajlaşma
<script src="/__/firebase/8.10.1/firebase-messaging.js"></script>

Cloud Messaging kullanımında en iyi deneyim için Analytics için Firebase SDK'sını da ekleyin.

Cloud Storage
<script src="/__/firebase/8.10.1/firebase-storage.js"></script>
Performans İzleme
(beta sürüm)
<script src="/__/firebase/8.10.1/firebase-performance.js"></script>
Gerçek Zamanlı Veritabanı
<script src="/__/firebase/8.10.1/firebase-database.js"></script>
Remote Config
(beta sürüm)
<script src="/__/firebase/8.10.1/firebase-remote-config.js"></script>

Remote Config'i kullanırken optimum deneyim elde etmek istiyorsanız Analytics için Firebase SDK'sını da ekleyin.

Firebase JavaScript SDK
(SDK'nın tamamı)
<script src="/__/firebase/8.10.1/firebase.js"></script>

Kimlik doğrulama yardımcıları

Firebase Authentication, özel JavaScript ve HTML sağlayan özel bir ad alanı sunar. OAuth ile sağlayıcılarını ekleyebilirsiniz. Bu sayede, her Firebase projesinin benzersiz bir Firebase alt alan adı, Firebase Authentication'ın güvenliğini artırır.

Ayrıca, authDomain için kendi özel alan adınızı da kullanabilirsiniz. firebase.initializeApp() seçeneği. Şu durumda: özel alan yapılandırma kullanıyorsanız bu özel alanı da belirtebilirsiniz ( web.app veya firebaseapp.com alt alan adınız) SDK'lar. Görüntüleyin signInWithRedirect kullanımına ilişkin en iyi uygulamalar sayfasını ziyaret edin.

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

Progresif Web Uygulaması (PWA) oluşturuyorsanız "gezinme yedeği" bulunan bir çalışan ve varsayılan olarak belirli bir URL'yi oluşturur , önceden önbelleğe alınmış öğeler listesiyle eşleşmezse.

sw-precache kullanıyorsanız bir gezinme yedek beyaz listesi ayarı ekleyebilirsiniz. ayrılmış ad alanı:

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

Genel olarak, çift alt çizgi ad alanının Firebase kullanımı ve hizmetinizde bu isteklere müdahale etmemeniz gerekir bir kontrol noktası görevi görebilir.