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.

Usando a CDN

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

Para incluir apenas produtos específicos do Firebase, como Authentication e Cloud Firestore, adicione o seguinte script à parte inferior da tag <body>, mas 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/11.0.2/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/11.0.2/firebase-analytics.js'

    // Add Firebase products that you want to use
    import { getAuth } from 'https://www.gstatic.com/firebasejs/11.0.2/firebase-auth.js'
    import { getFirestore } from 'https://www.gstatic.com/firebasejs/11.0.2/firebase-firestore.js'
  </script>
</body>

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>

Aplicativos do Node.js

Instale o SDK Firebase 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@11.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");
```
  Incluir todo o SDK Firebase JavaScript em vez de SDKs individuais (não recomendado para apps de produção)
  
  Carregar o SDK completo não é eficiente para apps da Web de produção.
  Use essa opção apenas para fins de desenvolvimento.
```
var firebase = require("firebase");
```
- 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";
```
  Incluir todo o SDK Firebase JavaScript em vez de SDKs individuais (não recomendado para apps de produção)
  
  Carregar o SDK completo não é eficiente para apps da Web de produção.
  Use essa opção apenas para fins de desenvolvimento.
```
import firebase from "firebase";
```
  Observação: o uso da sintaxe import diretamente com Node.js é experimental, mas você pode converter para o formato CommonJS (sintaxerequire) usando compiladores como Babel.

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