JavaScript projenize Firebase'i eklemenin alternatif yolları

Çoğu Firebase web uygulaması için npm aracılığıyla SDK'yı kullanmanızı önemle tavsiye ederiz. Ancak özel gereksinimleri olan kullanıcılar için Firebase, SDK'yı eklemenin alternatif yollarını sunar. Bu sayfada, aşağıdaki alternatif yöntemler için ayrıntılı kurulum talimatları verilmiştir:

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

Bu yöntemleri kullanarak uygulamanıza mevcut kitaplıklardan herhangi birini ekleyebilirsiniz.

Firebase JavaScript SDK'sının kısmi içe aktarma işlemini yapılandırabilir ve yalnızca ihtiyacınız olan Firebase ürünlerini yükleyebilirsiniz. Firebase, Firebase JavaScript SDK'sının her kitaplığını küresel CDN'mizde (içerik yayınlama ağı) depolar.

  1. Yalnızca belirli Firebase ürünlerini (ör. Authentication ve Cloud Firestore) dahil etmek için Firebase hizmetlerini kullanmadan önce aşağıdaki komut dosyasını <body> etiketinizin alt kısmına ekleyin:

    <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/11.3.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/11.3.1/firebase-analytics.js'
    
        // Add Firebase products that you want to use
        import { getAuth } from 'https://www.gstatic.com/firebasejs/11.3.1/firebase-auth.js'
        import { getFirestore } from 'https://www.gstatic.com/firebasejs/11.3.1/firebase-firestore.js'
      </script>
    </body>
  2. Firebase yapılandırma nesnenizi ekleyin ve ardından uygulamanızda Firebase'i başlatın:

    <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>
  1. Firebase JavaScript SDK'sını yükleyin:

    1. package.json dosyanız yoksa JavaScript projenizin kökünden aşağıdaki komutu çalıştırarak bir dosya oluşturun:

      npm init
    2. Aşağıdaki komutu çalıştırarak firebase npm paketini yükleyin ve package.json dosyanıza kaydedin:

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

  3. Firebase yapılandırma nesnenizi ekleyin ve ardından uygulamanızda Firebase'i başlatın:

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