Check out what’s new from Firebase at Google I/O 2022. Learn more

Formas alternativas de agregar Firebase a su proyecto de JavaScript

Para la mayoría de las aplicaciones web de Firebase, recomendamos enfáticamente usar la versión 9 del SDK a través de npm . Sin embargo, para los 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 contenido)
  • npm para aplicaciones de Node.js

Con estos métodos, puede agregar cualquiera de las bibliotecas disponibles para la versión 9 a su aplicación.

Desde el CDN

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.

  1. Para incluir solo productos específicos de Firebase (por ejemplo, Authentication 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/9.8.1/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.8.1/firebase-analytics.js'

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

  2. Agregue su objeto de configuración de Firebase y luego inicialice Firebase en su 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>

Aplicaciones Node.js

  1. Instale el SDK de JavaScript de Firebase:

    1. Si aún no tiene un archivo package.json , cree uno ejecutando el siguiente comando desde la raíz de su proyecto de JavaScript:

      npm init

    2. Instale el paquete firebase npm y guárdelo en su archivo package.json ejecutando:

      npm install --save firebase@9.8.1

  2. Use una de las siguientes opciones para usar el módulo Firebase en su aplicación:

    • Puede require módulos de cualquier archivo JavaScript

      Para incluir solo productos específicos de Firebase (como Authentication 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");


    • Puede usar ES2015 para import módulos

      Para incluir solo productos específicos de Firebase (como Authentication 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";

  3. Agregue su objeto de configuración de Firebase y luego inicialice Firebase en su 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);