O Google tem o compromisso de promover a igualdade racial para as comunidades negras. Saiba como.

Formas alternativas de adicionar o Firebase ao seu projeto JavaScript

Mantenha tudo organizado com as coleções Salve e categorize o conteúdo com base nas suas preferências.

Para a maioria dos aplicativos da Web do Firebase, recomendamos o uso do SDK versão 9 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 entrega de conteúdo)
  • npm para aplicativos Node.js

Usando esses métodos, você pode adicionar qualquer uma das bibliotecas disponíveis para a versão 9 ao seu aplicativo.

Do CDN

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

  1. Para incluir apenas produtos específicos do Firebase (por exemplo, Authentication e Cloud Firestore), adicione o seguinte script à parte inferior da sua 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/9.10.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/9.10.0/firebase-analytics.js'

    // Add Firebase products that you want to use
    import { getAuth } from 'https://www.gstatic.com/firebasejs/9.10.0/firebase-auth.js'
    import { getFirestore } from 'https://www.gstatic.com/firebasejs/9.10.0/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 JavaScript do Firebase:

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

      npm init

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

      npm install --save firebase@9.10.0

  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 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 import módulos

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