Catch up on everthing we announced at this year's Firebase Summit. Learn more

Formas alternativas de agregar Firebase a su proyecto de JavaScript

Para la mayoría de aplicaciones de Web Firebase se recomienda utilizar la versión SDK de 9 a través de la NGP . Sin embargo, para los usuarios con necesidades especiales, Firebase ofrece alternativas formas de añadir el SDK . Esta página proporciona instrucciones de configuración detalladas para estos métodos alternativos:

  • CDN (red de distribución de contenido)
  • npm para aplicaciones Node.js

El uso de estos métodos, se puede añadir cualquiera de las bibliotecas disponibles para la versión 9 de su aplicación.

De la CDN

Puede configurar la importación parcial del SDK de Firebase JavaScript y cargar solo los productos de Firebase que necesita. Firebase almacena cada biblioteca del SDK de Firebase JavaScript en nuestra CDN global (red de entrega de contenido).

  1. Para incluir sólo los productos base de fuego específicas (por ejemplo, la autenticación y Cloud Firestore), añada la siguiente secuencia de comandos para la parte inferior de <body> etiqueta, pero antes de utilizar cualquier servicio de base de fuego:

    <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.5.0/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.5.0/firebase-analytics.js'
    
        // Add Firebase products that you want to use
        import { auth } from 'https://www.gstatic.com/firebasejs/9.5.0/firebase-auth.js'
        import { firestore } from 'https://www.gstatic.com/firebasejs/9.5.0/firebase-firestore.js'
      </script>
    </body>
    
  2. Inicialice Firebase en su aplicación:

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

Aplicaciones de Node.js

  1. Instale el SDK de Firebase JavaScript:

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

      npm init
    2. Instalar la firebase paquete de NPM y guardarlo en su package.json fichero ejecutando:

      npm install --save firebase@9.5.0
  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 solamente productos específicos base de fuego (como la 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 a import módulos

      Para incluir solamente productos específicos base de fuego (como la 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. Inicialice Firebase en su aplicación:

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