Für die meisten Firebase-Web-Apps empfehlen wir dringend die Verwendung des SDK über npm . Für Benutzer mit besonderen Anforderungen bietet Firebase jedoch alternative Möglichkeiten zum Hinzufügen des SDK . Auf dieser Seite finden Sie 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 zu Ihrer App hinzufügen.
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).
Um nur bestimmte Firebase-Produkte einzubeziehen (z. B. Authentifizierung 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/10.7.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/10.7.0/firebase-analytics.js' // Add Firebase products that you want to use import { getAuth } from 'https://www.gstatic.com/firebasejs/10.7.0/firebase-auth.js' import { getFirestore } from 'https://www.gstatic.com/firebasejs/10.7.0/firebase-firestore.js' </script> </body>
Fügen Sie Ihr Firebase-Konfigurationsobjekt hinzu und initialisieren Sie Firebase dann 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 Ihrerpackage.json
Datei, indem Sie Folgendes ausführen:npm install --save firebase@10.7.0
Verwenden Sie eine der folgenden Optionen, um das Firebase-Modul in Ihrer App zu verwenden:
Sie können Module aus jeder JavaScript-Datei
require
So schließen Sie nur bestimmte Firebase-Produkte ein (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 zum
import
von Modulen verwendenSo schließen Sie nur bestimmte Firebase-Produkte ein (wie Authentication und Cloud Firestore):
// 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 Firebase dann 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);