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.

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

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