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

Für die meisten Firebase-Web-Apps empfehlen wir dringend, das SDK über npm zu verwenden. Für Nutzer mit speziellen Anforderungen bietet Firebase jedoch alternative Möglichkeiten zum Hinzufügen des SDKs. Auf dieser Seite finden Sie detaillierte Einrichtungsanleitungen für die folgenden alternativen Methoden:

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

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

Über das 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).

Wenn Sie nur bestimmte Firebase-Produkte einbinden möchten (z. B. Authentication und Cloud Firestore), fügen Sie das folgende Script am Ende des <body>-Tags ein, 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/11.6.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/11.6.0/firebase-analytics.js'

    // Add Firebase products that you want to use
    import { getAuth } from 'https://www.gstatic.com/firebasejs/11.6.0/firebase-auth.js'
    import { getFirestore } from 'https://www.gstatic.com/firebasejs/11.6.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-Anwendungen

Installieren Sie das Firebase JavaScript SDK:
1. Wenn Sie noch keine package.json-Datei haben, erstellen Sie eine mit dem folgenden Befehl im Stammverzeichnis Ihres JavaScript-Projekts:
```
npm init
```
2. Installieren Sie das npm-Paket firebase und speichern Sie es in der package.json-Datei:
```
npm install --save firebase@11.6.0
```
Sie haben folgende Möglichkeiten, das Firebase-Modul in Ihrer App zu verwenden:
- Sie können require-Module aus jeder JavaScript-Datei laden.
  
  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
var firebase = require("firebase/app");

// Add the Firebase products that you want to use
require("firebase/auth");
require("firebase/firestore");
```
  Fügen Sie das gesamte Firebase JavaScript SDK anstelle einzelner SDKs ein. (nicht für Produktions-Apps empfohlen)
  
  Das Laden des gesamten SDKs ist für Produktionswebanwendungen nicht effizient.
  Verwenden Sie diese Option nur zu Entwicklungszwecken.
```
var firebase = require("firebase");
```
- Mit ES2015 können Sie import Module
  
  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";
```
  Fügen Sie das gesamte Firebase JavaScript SDK anstelle einzelner SDKs ein. (nicht für Produktions-Apps empfohlen)
  
  Das Laden des gesamten SDKs ist für Produktionswebanwendungen nicht effizient.
  Verwenden Sie diese Option nur zu Entwicklungszwecken.
```
import firebase from "firebase";
```
  Hinweis: Die Verwendung der import-Syntax direkt mit Node.js ist experimentell. Sie können sie jedoch mithilfe von Compilern wie Babel in das CommonJS-Format (require-Syntax) konvertieren.

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);