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öntemlerle ilgili ayrıntılı kurulum talimatları verilmektedir:

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

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

CDN'den

Firebase JavaScript SDK'sının kısmi olarak içe aktarılmasını 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 (örneğin, Authentication ve Cloud Firestore) dahil etmek için aşağıdaki komut dosyasını <body> etiketinizin alt kısmına ekleyin. Ancak Firebase hizmetlerini kullanmadan önce:

    <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/12.1.0/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/12.1.0/firebase-analytics.js'

    // Add Firebase products that you want to use
    import { getAuth } from 'https://www.gstatic.com/firebasejs/12.1.0/firebase-auth.js'
    import { getFirestore } from 'https://www.gstatic.com/firebasejs/12.1.0/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 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 projenizin kökünden aşağıdaki komutu çalıştırarak bir dosya oluşturun:

      npm init

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

      npm install --save firebase@12.1.0

  2. Uygulamanızda Firebase modülünü kullanmak için aşağıdaki seçeneklerden birini kullanın:

    • Herhangi bir JavaScript dosyasından require modüllerini kullanabilirsiniz

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

      // 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");


    • Modülleri import için ESM söz dizimini kullanabilirsiniz

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

      // 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 ve ardından uygulamanızda Firebase'i başlatın:

    import { initializeApp } from 'firebase/app';

// TODO: Replace the following with your app's Firebase configuration
const firebaseConfig = {
  //...
};

// Initialize Firebase
const app = initializeApp(firebaseConfig);