Maneiras alternativas de adicionar o Firebase ao seu projeto JavaScript

Para a maioria Firebase Web Apps é altamente recomendável utilizar SDK versão 9 via npm . No entanto, para usuários com necessidades especiais, Firebase fornece alternativas maneiras de adicionar o SDK . Esta página fornece instruções de configuração detalhadas para esses métodos alternativos:

  • CDN (rede de distribuição de conteúdo)
  • npm para aplicativos Node.js

Usando esses métodos, você pode adicionar qualquer um dos bibliotecas disponíveis para a versão 9 para a sua aplicação.

Do CDN

Você pode configurar a importação parcial do SDK do Firebase para JavaScript e carregar apenas os produtos do Firebase de que você precisa. O Firebase armazena cada biblioteca do SDK do Firebase para JavaScript em nosso CDN (rede de distribuição de conteúdo) global.

  1. Para incluir apenas produtos Firebase específicas (por exemplo, autenticação e Cloud Firestore), adicione o seguinte script para o fundo da sua <body> tag, mas antes de usar quaisquer serviços 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.6.4/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.6.4/firebase-analytics.js'
    
        // Add Firebase products that you want to use
        import { auth } from 'https://www.gstatic.com/firebasejs/9.6.4/firebase-auth.js'
        import { firestore } from 'https://www.gstatic.com/firebasejs/9.6.4/firebase-firestore.js'
      </script>
    </body>
    
  2. Adicione seu objeto de configuração do Firebase e inicialize o Firebase em seu aplicativo:

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

Aplicativos Node.js

  1. Instale o SDK do Firebase para JavaScript:

    1. Se você ainda não tem um package.json arquivo, criar um executando o seguinte comando a partir da raiz do seu projeto de JavaScript:

      npm init
    2. Instale o firebase pacote npm e salve-o em seu package.json arquivo executando:

      npm install --save firebase@9.6.4
  2. Use uma das seguintes opções para usar o módulo Firebase em seu aplicativo:

    • Você pode require módulos de qualquer arquivo JavaScript

      Para incluir apenas produtos específicos Firebase (como autenticação e 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");
      


    • Você pode usar ES2015 a import módulos

      Para incluir apenas produtos específicos Firebase (como autenticação e 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. Adicione seu objeto de configuração do Firebase e inicialize o Firebase em seu aplicativo:

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