Catch up on everything we announced at this year's Firebase Summit. Learn more

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

Für die meisten Firebase Web - Anwendungen uns mit dringend empfohlen SDK Version 9 über npm . Doch für Anwender mit besonderen Anforderungen, bietet Firebase alternative Möglichkeiten , um das SDK hinzuzufügen . Diese Seite enthält detaillierte Einrichtungsanweisungen für diese alternativen Methoden:

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

Mit Hilfe dieser Methoden können Sie eine der hinzufügen verfügbaren Bibliotheken für Version 9 auf Ihre App.

Aus dem CDN

Sie können den 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. Es werden nur bestimmte Produkte Firebase (zB Authentifizierung und Cloud - Firestore), fügen Sie das folgende Skript an der Unterseite des <body> -Tag, aber bevor Sie Firebase - Dienste nutzen:

    <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.6.0/firebase-app.js'
    
        // If you enabled Analytics in your project, add the Firebase SDK for Google Analytics
        import { analytics } from 'https://www.gstatic.com/firebasejs/9.6.0/firebase-analytics.js'
    
        // Add Firebase products that you want to use
        import { auth } from 'https://www.gstatic.com/firebasejs/9.6.0/firebase-auth.js'
        import { firestore } from 'https://www.gstatic.com/firebasejs/9.6.0/firebase-firestore.js'
      </script>
    </body>
    
  2. Initialisieren Sie Firebase in Ihrer App:

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

Node.js-Apps

  1. Installieren Sie das Firebase JavaScript SDK:

    1. Wenn Sie noch keinen haben package.json Datei, erstellen , indem Sie den folgenden Befehl aus dem Stammverzeichnis Ihres JavaScript - Projekt ausgeführt wird :

      npm init
    2. Installieren Sie das firebase npm Paket und speichern Sie es auf package.json Datei ausgeführt wird :

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

    • Sie können require Module von jeder JavaScript - Datei

      Um nur bestimmte Produkte Firebase (wie Authentifizierung und Cloud - Firestor):

      // 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 import - Module

      Um nur bestimmte Produkte Firebase (wie Authentifizierung und Cloud - Firestor):

      // 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. Initialisieren Sie Firebase in Ihrer App:

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