Formas alternativas de agregar Firebase a su proyecto JavaScript

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.

De la 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 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>
    
  2. 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>
    

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

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

      npm install --save firebase@10.9.0
  2. Utilice una de las siguientes opciones para utilizar el módulo Firebase en su aplicación:

    • Puede require módulos de cualquier archivo JavaScript

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


    • Puede utilizar ES2015 para import módulos

      Para 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";
      
  3. 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);