Join us in person and online for Firebase Summit on October 18, 2022. Learn how Firebase can help you accelerate app development, release your app with confidence, and scale with ease. Register now

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

Mit Sammlungen den Überblick behalten Sie können Inhalte basierend auf Ihren Einstellungen speichern und kategorisieren.

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.10.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/9.10.0/firebase-analytics.js'
    
        // Add Firebase products that you want to use
        import { getAuth } from 'https://www.gstatic.com/firebasejs/9.10.0/firebase-auth.js'
        import { getFirestore } from 'https://www.gstatic.com/firebasejs/9.10.0/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.10.0
  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);