Autres méthodes pour ajouter Firebase à votre projet JavaScript

Pour la plupart des applications Web Firebase, nous vous recommandons vivement d'utiliser le SDK via npm. Toutefois, pour les utilisateurs ayant des besoins spécifiques, Firebase propose d'autres méthodes pour ajouter le SDK. Cette page fournit des instructions de configuration détaillées pour ces autres méthodes :

  • CDN (réseau de diffusion de contenu)
  • npm pour les applications Node.js

Ces méthodes vous permettent d'ajouter à votre application n'importe quelle bibliothèque disponible.

Depuis le CDN

Vous pouvez configurer l'importation partielle du SDK Firebase JavaScript et ne charger que les produits Firebase dont vous avez besoin. Firebase stocke chaque bibliothèque du SDK Firebase JavaScript sur notre CDN (Content Delivery Network) mondial.

  1. Pour n'inclure que des produits Firebase spécifiques (par exemple, Authentication et Cloud Firestore), ajoutez le script suivant en bas de votre balise <body>, mais avant d'utiliser les services Firebase :

    <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/12.2.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/12.2.1/firebase-analytics.js'

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

  2. Ajoutez votre objet de configuration Firebase, puis initialisez Firebase dans votre application :

    <body>
  <script type="module">
    // ...

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

    // Initialize Firebase
    const app = initializeApp(firebaseConfig);
  </script>
</body>

Applications Node.js

  1. Installez le SDK Firebase JavaScript :

    1. Si vous n'avez pas encore de fichier package.json, créez-en un en exécutant la commande suivante à partir de la racine de votre projet JavaScript :

      npm init

    2. Installez le package npm firebase et enregistrez-le dans votre fichier package.json en exécutant la commande suivante :

      npm install --save firebase@12.2.1

  2. Utilisez l'une des options suivantes pour utiliser le module Firebase dans votre application :

    • Vous pouvez require des modules à partir de n'importe quel fichier JavaScript.

      Pour n'inclure que certains produits Firebase (comme Authentication et 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");


    • Vous pouvez utiliser la syntaxe ESM pour import des modules.

      Pour n'inclure que certains produits Firebase (comme Authentication et 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";

  3. Ajoutez votre objet de configuration Firebase, puis initialisez Firebase dans votre application :

    import { initializeApp } from 'firebase/app';

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

// Initialize Firebase
const app = initializeApp(firebaseConfig);