Outras formas de adicionar o Firebase ao projeto em JavaScript

Para a maioria dos apps da Web do Firebase, é altamente recomendável usar o SDK via npm. No entanto, para usuários com requisitos especiais, o Firebase oferece outras formas de adicionar o SDK. Nesta página, fornecemos instruções detalhadas para configuração desses métodos alternativos:

  • CDN (rede de fornecimento de conteúdo)
  • npm para apps em Node.js

Ao usar esses métodos, é possível adicionar qualquer uma das bibliotecas disponíveis ao app.

Pela CDN

É possível configurar a importação parcial do SDK do Firebase para JavaScript e carregar apenas os produtos do Firebase necessários. A plataforma armazena cada biblioteca desse SDK na nossa rede de fornecimento de conteúdo (CDN) global.

  1. Para incluir apenas produtos específicos do Firebase (por exemplo, Authentication e Cloud Firestore), adicione o seguinte script à parte inferior da tag <body> antes de usar os serviços do 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. Adicione o objeto de configuração do Firebase e inicialize o Firebase no seu 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 em Node.js

  1. Instale o SDK do Firebase para JavaScript:

    1. Se você ainda não tiver um arquivo package.json, crie um executando o seguinte comando na raiz do projeto JavaScript:

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

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

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

      Para incluir apenas produtos específicos do Firebase, como Authentication 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 o ES2015 para importar os módulos com import

      Para incluir apenas produtos específicos do Firebase, como Authentication 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 o objeto de configuração do Firebase e inicialize o Firebase no seu 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);