Pour la plupart des applications Web Firebase, nous vous recommandons fortement d'utiliser le SDK via npm . Cependant, pour les utilisateurs ayant des exigences particulières, 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
En utilisant ces méthodes, vous pouvez ajouter n'importe laquelle des bibliothèques disponibles à 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.
Pour inclure uniquement des produits Firebase spécifiques (par exemple, Authentification et Cloud Firestore), ajoutez le script suivant au bas de votre balise
<body>
, mais avant d'utiliser des 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/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>
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
Installez le SDK JavaScript Firebase :
Si vous n'avez pas encore de fichier
package.json
, créez-en un en exécutant la commande suivante depuis la racine de votre projet JavaScript :npm init
Installez le package
firebase
npm et enregistrez-le dans votre fichierpackage.json
en exécutant :npm install --save firebase@10.7.0
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 JavaScriptPour inclure uniquement des produits Firebase spécifiques (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 pour
import
des modulesPour inclure uniquement des produits Firebase spécifiques (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";
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);