Alternative Möglichkeiten zum Hinzufügen von Firebase zu Ihrem JavaScript-Projekt

Für die meisten Firebase-Web-Apps empfehlen wir dringend, SDK Version 9 über npm zu verwenden. Für Benutzer mit besonderen Anforderungen bietet Firebase jedoch alternative Möglichkeiten zum Hinzufügen des SDK . Diese Seite enthält detaillierte Einrichtungsanweisungen für diese alternativen Methoden:

  • CDN (Content Delivery Network)
  • npm für Node.js-Apps

Mit diesen Methoden können Sie jede der verfügbaren Bibliotheken für Version 9 zu Ihrer App hinzufügen.

Aus dem CDN

Sie können einen teilweisen Import des Firebase JavaScript SDK konfigurieren und nur die Firebase-Produkte laden, die Sie benötigen. Firebase speichert jede Bibliothek des Firebase JavaScript SDK in unserem globalen CDN (Content Delivery Network).

  1. Um nur bestimmte Firebase-Produkte einzuschließen (z. B. Authentication und Cloud Firestore), fügen Sie das folgende Skript am Ende Ihres <body> -Tags hinzu, aber bevor Sie Firebase-Dienste verwenden:

    <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/9.17.2/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/9.17.2/firebase-analytics.js'
    
        // Add Firebase products that you want to use
        import { getAuth } from 'https://www.gstatic.com/firebasejs/9.17.2/firebase-auth.js'
        import { getFirestore } from 'https://www.gstatic.com/firebasejs/9.17.2/firebase-firestore.js'
      </script>
    </body>
    
  2. Fügen Sie Ihr Firebase-Konfigurationsobjekt hinzu und initialisieren Sie dann Firebase in Ihrer App:

    <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-Apps

  1. Installieren Sie das Firebase JavaScript SDK:

    1. Wenn Sie noch keine package.json -Datei haben, erstellen Sie eine, indem Sie den folgenden Befehl im Stammverzeichnis Ihres JavaScript-Projekts ausführen:

      npm init
    2. Installieren Sie das firebase -npm-Paket und speichern Sie es in Ihrer Datei package.json “, indem Sie Folgendes ausführen:

      npm install --save firebase@9.17.2
  2. Verwenden Sie eine der folgenden Optionen, um das Firebase-Modul in Ihrer App zu verwenden:

    • Sie können require aus jeder JavaScript-Datei anfordern

      So schließen Sie nur bestimmte Firebase-Produkte (wie Authentifizierung und Cloud Firestore) ein:

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


    • Sie können ES2015 verwenden, um Module zu import

      So schließen Sie nur bestimmte Firebase-Produkte (wie Authentifizierung und Cloud Firestore) ein:

      // 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. Fügen Sie Ihr Firebase-Konfigurationsobjekt hinzu und initialisieren Sie dann Firebase in Ihrer App:

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