按照本指南在您的 Web 應用程序中使用 Firebase JavaScript SDK，或將其用作最終用戶訪問的客戶端，例如，在 Node.js 桌面或 IoT 應用程序中。
第1步：創建一個火力地堡項目和註冊應用程序
在將 Firebase 添加到 JavaScript 應用之前，您需要創建一個 Firebase 項目並向該項目註冊您的應用。當您向 Firebase 註冊您的應用程序時，您將獲得一個 Firebase 配置對象，您將使用該對象將您的應用程序與您的 Firebase 項目資源連接起來。
參觀了解火力地堡項目，詳細了解項目的火力地堡和最佳實踐的應用程序添加到項目中。
如果您還沒有一個JavaScript項目，只是想嘗試一個火力地堡的產品，你可以下載我們的一個入門示例。
第2步：安裝SDK和初始化火力地堡
此頁面描述了火力地堡JS SDK，它採用了9個版本的安裝說明的JavaScript模塊格式。
該工作流應用NPM和要求模塊捆紮機或JavaScript框架工具，因為V9 SDK進行了優化，工作與模塊捆紮機刪除未使用的代碼（樹搖），並減少SDK大小。
使用 npm 安裝 Firebase：
npm install firebase
在您的應用中初始化 Firebase 並創建一個 Firebase App 對象：
import { initializeApp } from 'firebase/app'; // TODO: Replace the following with your app's Firebase project configuration const firebaseConfig = { //... }; const app = initializeApp(firebaseConfig);Firebase 應用程序是一個類似容器的對象，用於存儲通用配置並在 Firebase 服務之間共享身份驗證。在代碼中初始化 Firebase 應用對像後，您可以添加並開始使用 Firebase 服務。
第3步：進入火力地堡在您的應用程序
Firebase 服務（如 Cloud Firestore、身份驗證、實時數據庫、遠程配置等）可在各個子包中導入。
下面的示例展示瞭如何使用 Cloud Firestore Lite SDK 檢索數據列表。
import { initializeApp } from 'firebase/app';
import { getFirestore, collection, getDocs } from 'firebase/firestore/lite';
// Follow this pattern to import other Firebase services
// import { } from 'firebase/<service>';
// TODO: Replace the following with your app's Firebase project configuration
const firebaseConfig = {
//...
};
const app = initializeApp(firebaseConfig);
const db = getFirestore(app);
// Get a list of cities from your database
async function getCities(db) {
const citiesCol = collection(db, 'cities');
const citySnapshot = await getDocs(citiesCol);
const cityList = citySnapshot.docs.map(doc => doc.data());
return cityList;
}
步驟4：使用一個模塊捆綁（的WebPack /匯總），用於尺寸減小
Firebase Web SDK 旨在與模塊捆綁器一起使用以刪除任何未使用的代碼（搖樹）。我們強烈建議將這種方法用於生產應用程序。工具，如角CLI ， Next.js ， Vue的CLI ，或創建應用程序做出反應自動處理模塊捆綁，通過NPM安裝並導入到你的代碼庫。
請參閱我們的指南使用模塊捆紮機與火力地堡以獲取更多信息。
適用於 Web 的可用 Firebase 服務
現在您已設置好使用 Firebase，您可以開始在您的網絡應用中添加和使用以下任何可用的 Firebase 服務。
以下命令顯示如何導入與本地安裝的火力地堡庫npm 。見可用庫頁替代進口的選項。
下一步
了解 Firebase：
探索樣本火力地堡的應用程序。
獲取實踐與經驗火力地堡網頁程式碼實驗室。
探索在GitHub的開源代碼。
查看支持環境的火力地堡的JavaScript SDK。
加快與額外的火力地堡維護的開源庫，像你的發展AngularFire ， RxFire和FirebaseUI的網絡。
準備啟動您的應用程序：