Maneiras alternativas de adicionar Firebase ao seu projeto JavaScript

Para a maioria dos aplicativos Web do Firebase, recomendamos usar o SDK via npm . No entanto, para usuários com requisitos especiais, o Firebase oferece formas alternativas de adicionar o SDK . Esta página fornece instruções detalhadas de configuração para estes métodos alternativos:

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

Usando esses métodos, você pode adicionar qualquer uma das bibliotecas disponíveis ao seu aplicativo.

Você pode configurar a importação parcial do SDK JavaScript do Firebase e carregar apenas os produtos do Firebase necessários. O Firebase armazena cada biblioteca do SDK JavaScript do Firebase em nossa CDN (rede de distribuição de conteúdo) global.

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

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

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

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

  3. Adicione seu objeto de configuração do Firebase e inicialize o Firebase no 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);