Google 致力于为黑人社区推动种族平等。查看具体举措

Autres moyens d'ajouter Firebase à votre projet JavaScript

Pour la plupart des applications Web Firebase, nous vous recommandons vivement d'utiliser la version 9 du SDK via npm . Cependant, pour les utilisateurs ayant des besoins particuliers, Firebase propose d'autres moyens 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'aide de ces méthodes, vous pouvez ajouter l'une 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 mondial (réseau de diffusion de contenu).

  1. Pour inclure uniquement des produits Firebase spécifiques (par exemple, Authentication et Cloud Firestore), ajoutez le script suivant au bas de votre <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/9.14.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/9.14.0/firebase-analytics.js'
    
        // Add Firebase products that you want to use
        import { getAuth } from 'https://www.gstatic.com/firebasejs/9.14.0/firebase-auth.js'
        import { getFirestore } from 'https://www.gstatic.com/firebasejs/9.14.0/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 project configuration
        const firebaseConfig = {
          // ...
        };
    
        // Initialize Firebase
        const app = initializeApp(firebaseConfig);
      </script>
    </body>
    

Applications Node.js

  1. Installez le SDK JavaScript Firebase :

    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 firebase npm et enregistrez-le dans votre fichier package.json en exécutant :

      npm install --save firebase@9.14.0
  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 inclure uniquement des produits Firebase spécifiques (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 ES2015 pour import modules

      Pour inclure uniquement des produits Firebase spécifiques (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 project configuration
    const firebaseConfig = {
      //...
    };
    
    // Initialize Firebase
    const app = initializeApp(firebaseConfig);