Join us for Firebase Summit on November 10, 2021. Tune in to learn how Firebase can help you accelerate app development, release with confidence, and scale with ease. Register

Autres moyens d'ajouter Firebase à votre projet JavaScript

Pour la plupart Firebase applications Web , nous vous recommandons fortement d' utiliser la version du SDK 9 via NPM . Toutefois, pour les utilisateurs ayant des besoins particuliers, Firebase fournit d' autres façons d'ajouter le SDK . Cette page fournit des instructions de configuration détaillées pour ces méthodes alternatives :

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

L' utilisation de ces méthodes, vous pouvez ajouter des bibliothèques disponibles pour la version 9 à votre application.

Du CDN

Vous pouvez configurer l'importation partielle du SDK JavaScript Firebase et charger uniquement les produits Firebase dont vous avez besoin. Firebase stocke chaque bibliothèque du SDK JavaScript Firebase sur notre CDN (réseau de diffusion de contenu) mondial.

  1. Pour inclure uniquement les produits Firebase spécifiques (par exemple, l' authentification et le Cloud Firestore), ajoutez le script suivant au fond de votre <body> balise, 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/9.1.3/firebase-app.js'
    
        // If you enabled Analytics in your project, add the Firebase SDK for Google Analytics
        import { analytics } from 'https://www.gstatic.com/firebasejs/9.1.3/firebase-analytics.js'
    
        // Add Firebase products that you want to use
        import { auth } from 'https://www.gstatic.com/firebasejs/9.1.3/firebase-auth.js'
        import { firestore } from 'https://www.gstatic.com/firebasejs/9.1.3/firebase-firestore.js'
      </script>
    </body>
    
  2. Initialisez Firebase dans votre application :

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

Applications Node.js

  1. Installez le SDK JavaScript Firebase :

    1. Si vous ne possédez pas déjà un package.json fichier, créez un en exécutant la commande suivante à la racine de votre projet JavaScript:

      npm init
    2. Installez le firebase package NPM et enregistrez - le sur votre package.json fichier en cours d' exécution:

      npm install --save firebase@9.1.3
  2. Utilisez l'une des options suivantes pour utiliser le module Firebase dans votre application :

    • Vous pouvez require des modules de tout fichier JavaScript

      Pour inclure uniquement des produits spécifiques Firebase (comme l' authentification 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 ES2015 à l' import des modules

      Pour inclure uniquement des produits spécifiques Firebase (comme l' authentification 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. Initialisez Firebase dans votre application :

    import { initializeApp } from 'firebase/app';
    
    // TODO: Replace the following with your app's Firebase project configuration
    const firebaseConfig = {
      //...
    };
    
    const app = initializeApp(firebaseConfig);