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

Für die meisten Firebase-Web-Apps empfehlen wir dringend die Verwendung von das SDK über npm. Für Nutzer mit besonderen Anforderungen bietet Firebase jedoch Alternativen wie Sie das SDK hinzufügen können. Auf dieser Seite finden Sie detaillierte Anleitungen zur Einrichtung dieser alternativen Methoden:

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

Mit diesen Methoden können Sie beliebige verfügbaren Bibliotheken zu Ihrer App hinzufügen.

Über das CDN

Du kannst den Teilimport des Firebase JavaScript SDK konfigurieren und nur die Firebase-Produkte, die Sie benötigen. Firebase speichert jede Bibliothek des Firebase JavaScript SDK in unserem globalen CDN (Content Delivery Network).

  1. Nur bestimmte Firebase-Produkte einschließen (z. B. Authentication und Cloud Firestore) fügen Sie Folgendes hinzu: am Ende des <body>-Tags an. Bevor Sie jedoch Firebase-Dienste:

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

    // Add Firebase products that you want to use
    import { getAuth } from 'https://www.gstatic.com/firebasejs/10.13.1/firebase-auth.js'
    import { getFirestore } from 'https://www.gstatic.com/firebasejs/10.13.1/firebase-firestore.js'
  </script>
</body>

  2. Fügen Sie Ihr Firebase-Konfigurationsobjekt hinzu und initialisieren Sie dann Firebase in Ihre 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-Anwendungen

  1. Installieren Sie das Firebase JavaScript SDK:

    1. Wenn Sie noch keine package.json-Datei haben, erstellen Sie eine und führen Sie den folgenden Befehl aus dem Stammverzeichnis Ihres JavaScript-Codes aus. Projekt:

      npm init

    2. Installieren Sie das firebase-npm-Paket und speichern Sie es in Ihrem package.json-Datei, indem Sie folgenden Befehl ausführen:

      npm install --save firebase@10.13.1

  2. Verwenden Sie eine der folgenden Optionen, um das Firebase-Modul in Ihrer App zu verwenden:

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

      Nur bestimmte Firebase-Produkte einschließen (wie Authentication und Cloud Firestore):

      // 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 für import-Module verwenden

      So schließen Sie nur bestimmte Firebase-Produkte (z. B. Authentication 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 Ihre 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);