JavaScript projenize Firebase'i eklemenin alternatif yolları

Çoğu Firebase web uygulaması için kesinlikle npm üzerinden SDK. Ancak Firebase, özel gereksinimleri olan kullanıcılar için alternatif SDK'yı ekleme yollarını öğrenin. Bu sayfada, şu alternatif yöntemler için ayrıntılı kurulum talimatları yer almaktadır:

  • CDN (içerik yayınlama ağı)
  • Node.js uygulamaları için npm

Bu yöntemleri kullanarak kullanılabilir kitaplıklar ekleyin.

CDN'den

Firebase JavaScript SDK'sının kısmi içe aktarımını yapılandırabilir ve yalnızca ihtiyaç duyduğunuz Firebase ürünleri. Firebase, Global CDN'mizdeki (içerik yayınlama ağı) Firebase JavaScript SDK'sı.

  1. Yalnızca belirli Firebase ürünlerini dahil etmek (örneğin, Authentication ve Cloud Firestore) aşağıdakini ekleyin: komut dosyasını <body> etiketinizin en altına ekleyin, ancak Firebase hizmetleri:

    <body>
      <!-- Insert this script at the bottom of the HTML, but before you use any Firebase services -->
      <script type="module">
        import { initializeApp } from 'https://www.gstatic.com/firebasejs/10.13.1/firebase-app.js'
    
        // If you enabled Analytics in your project, add the Firebase SDK for Google Analytics
        import { getAnalytics } from 'https://www.gstatic.com/firebasejs/10.13.1/firebase-analytics.js'
    
        // Add Firebase products that you want to use
        import { getAuth } from 'https://www.gstatic.com/firebasejs/10.13.1/firebase-auth.js'
        import { getFirestore } from 'https://www.gstatic.com/firebasejs/10.13.1/firebase-firestore.js'
      </script>
    </body>
    
    .
  2. Firebase yapılandırma nesnenizi ekleyin, ardından Firebase'i şurada başlatın: uygulamanız:

    <body>
      <script type="module">
        // ...
    
        // TODO: Replace the following with your app's Firebase project configuration
        const firebaseConfig = {
          // ...
        };
    
        // Initialize Firebase
        const app = initializeApp(firebaseConfig);
      </script>
    </body>
    

Node.js uygulamaları

  1. Firebase JavaScript SDK'sını yükleyin:

    1. Henüz bir package.json dosyanız yoksa JavaScript'inizin kök dizininden aşağıdaki komutu çalıştırmak proje:

      npm init
    2. firebase npm paketini yükleyin ve Şu komutu çalıştırarak package.json dosyası oluşturun:

      npm install --save firebase@10.13.1
  2. Uygulamanızda Firebase modülünü kullanmak için aşağıdaki seçeneklerden birini tercih edin:

    • Herhangi bir JavaScript dosyasından require modül

      Yalnızca belirli Firebase ürünlerini dahil etmek (ör. Authentication ve Cloud Firestore):

      // Firebase App (the core Firebase SDK) is always required and
      // must be listed before other Firebase SDKs
      var firebase = require("firebase/app");
      
      // Add the Firebase products that you want to use
      require("firebase/auth");
      require("firebase/firestore");
      


    • ES2015 ila import modülleri kullanabilirsiniz

      Yalnızca belirli Firebase ürünlerini dahil etmek (ör. Authentication ve Cloud Firestore):

      // Firebase App (the core Firebase SDK) is always required and
      // must be listed before other Firebase SDKs
      import firebase from "firebase/app";
      
      // Add the Firebase services that you want to use
      import "firebase/auth";
      import "firebase/firestore";
      
  3. Firebase yapılandırma nesnenizi ekleyin, ardından Firebase'i şurada başlatın: uygulamanız:

    import { initializeApp } from 'firebase/app';
    
    // TODO: Replace the following with your app's Firebase project configuration
    const firebaseConfig = {
      //...
    };
    
    // Initialize Firebase
    const app = initializeApp(firebaseConfig);