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.
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>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>
Instale o SDK JavaScript do Firebase:
Se você ainda não possui um arquivo
package.json
, crie um executando o seguinte comando na raiz do seu projeto JavaScript:npm init
Instale o pacote
firebase
npm e salve-o em seu arquivopackage.json
executando:npm install --save firebase@10.9.0
Use uma das seguintes opções para usar o módulo Firebase no seu aplicativo:
Você pode
require
módulos de qualquer arquivo JavaScriptPara 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 JavaScript do Firebase, em vez de SDKs individuais (não recomendado para aplicativos de produção)
var firebase = require("firebase");
Você pode usar ES2015 para
import
módulosPara 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 JavaScript do Firebase, em vez de SDKs individuais (não recomendado para aplicativos de produção)
import firebase from "firebase";
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);