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).
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>
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
Installieren Sie das Firebase JavaScript SDK:
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
Installieren Sie das
firebase
-npm-Paket und speichern Sie es in Ihrer Dateipackage.json
“, indem Sie Folgendes ausführen:npm install --save firebase@9.17.2
Verwenden Sie eine der folgenden Optionen, um das Firebase-Modul in Ihrer App zu verwenden:
Sie können
require
aus jeder JavaScript-Datei anfordernSo 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";
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);