Formas alternativas de agregar Firebase a tu proyecto de JavaScript

Para la mayoría de las apps web de Firebase, recomendamos usar el SDK a través de npm. Sin embargo, Firebase proporciona formas alternativas de agregar el SDK a los usuarios con requisitos especiales. En esta página, se proporcionan instrucciones de configuración detalladas para los siguientes métodos alternativos:

  • CDN (red de distribución de contenidos)
  • npm para apps de Node.js

Con estos métodos, puedes agregar a tu app cualquiera de las bibliotecas disponibles.

Desde la CDN

Puedes configurar la importación parcial del SDK de Firebase JavaScript y cargar solo los productos de Firebase que necesitas. Firebase almacena cada biblioteca del SDK de Firebase JavaScript en nuestra CDN (red de distribución de contenidos) global.

  1. Para incluir solo productos específicos de Firebase (por ejemplo, Authentication o Cloud Firestore), agrega las siguientes secuencias de comandos al final de tu 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.4.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.4.0/firebase-analytics.js'
    
        // Add Firebase products that you want to use
        import { getAuth } from 'https://www.gstatic.com/firebasejs/10.4.0/firebase-auth.js'
        import { getFirestore } from 'https://www.gstatic.com/firebasejs/10.4.0/firebase-firestore.js'
      </script>
    </body>
    
  2. Agrega el objeto de configuración de Firebase y, luego, inicializa Firebase en tu app:

    <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>
    

Apps de Node.js

  1. Instala el SDK de Firebase JavaScript:

    1. Si aún no tienes un archivo package.json, ejecuta el siguiente comando para crear uno desde la raíz de tu proyecto de JavaScript:

      npm init
    2. Instala el paquete npm de firebase y guárdalo en el archivo package.json. Para ello, ejecuta el siguiente comando:

      npm install --save firebase@10.4.0
  2. Utiliza una de las siguientes opciones para usar el módulo de Firebase en tu app:

    • Puedes usar el comando require para solicitar módulos de cualquier archivo de JavaScript

      Para incluir solo productos específicos de Firebase (como Authentication y Cloud Firestore), usa el siguiente comando:

      // 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");
      


    • Puedes usar ES2015 para importar módulos con el comando import

      Para incluir solo productos específicos de Firebase (como Authentication y Cloud Firestore), usa el siguiente comando:

      // 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. Agrega el objeto de configuración de Firebase y, luego, inicializa Firebase en tu app:

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