Para la mayoría de las aplicaciones web de Firebase, recomendamos encarecidamente utilizar el SDK a través de npm . Sin embargo, para usuarios con requisitos especiales, Firebase ofrece formas alternativas de agregar el SDK . Esta página proporciona instrucciones de configuración detalladas para estos métodos alternativos:
- CDN (red de entrega de contenidos)
- npm para aplicaciones Node.js
Con estos métodos, puede agregar cualquiera de las bibliotecas disponibles a su aplicación.
Puede configurar la importación parcial del SDK de JavaScript de Firebase y cargar solo los productos de Firebase que necesite. Firebase almacena cada biblioteca del SDK de JavaScript de Firebase en nuestra CDN (red de entrega de contenido) global.
Para incluir solo productos de Firebase específicos (por ejemplo, Autenticación y Cloud Firestore), agregue la siguiente secuencia de comandos al final de su etiqueta
<body>
, pero antes de usar cualquier servicio de 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.9.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.9.0/firebase-analytics.js'
// Add Firebase products that you want to use
import { getAuth } from 'https://www.gstatic.com/firebasejs/10.9.0/firebase-auth.js'
import { getFirestore } from 'https://www.gstatic.com/firebasejs/10.9.0/firebase-firestore.js'
</script>
</body>Agrega tu objeto de configuración de Firebase y luego inicializa Firebase en tu aplicación:
<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>
Instale el SDK de JavaScript de Firebase:
Si aún no tiene un archivo
package.json
, cree uno ejecutando el siguiente comando desde la raíz de su proyecto JavaScript:npm init
Instale el paquete
firebase
npm y guárdelo en su archivopackage.json
ejecutando:npm install --save firebase@10.9.0
Utilice una de las siguientes opciones para utilizar el módulo Firebase en su aplicación:
Puede
require
módulos de cualquier archivo JavaScriptPara incluir solo productos Firebase específicos (como Autenticación y 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");Incluir el SDK de JavaScript de Firebase completo, en lugar de SDK individuales (no recomendado para aplicaciones de producción)
var firebase = require("firebase");
Puede utilizar ES2015 para
import
módulosPara incluir solo productos Firebase específicos (como Autenticación y 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";Incluir el SDK de JavaScript de Firebase completo, en lugar de SDK individuales (no recomendado para aplicaciones de producción)
import firebase from "firebase";
Agrega tu objeto de configuración de Firebase y luego inicializa Firebase en tu aplicación:
import { initializeApp } from 'firebase/app';
// TODO: Replace the following with your app's Firebase project configuration
const firebaseConfig = {
//...
};
// Initialize Firebase
const app = initializeApp(firebaseConfig);