前端項目如何使用firebase實時數據庫

假設我們的前度項目名爲 demoapp

首先登錄firebase官網 https://console.firebase.google.com/ 

創建一個新項目名爲 demoapp

爲該項目創建 web應用  名爲 demoapp

點擊配置頁面 ->項目設置 

在 常規->網頁應用->Firebase SDK snippet 下選擇 config 複製配置代碼。

在項目中安裝firebase

npm i firebase

在項目中創建firebase.js文件 內容設置如下：

import firebase from 'firebase';

const firebaseConfig = {
  apiKey: "AIzaSyCSdwKEWgros5sQTliMsrkupYXzR1rOREg",
  authDomain: "slack-clone-b9c8a.firebaseapp.com",
  databaseURL: "https://slack-clone-b9c8a-default-rtdb.firebaseio.com",
  projectId: "slack-clone-b9c8a",
  storageBucket: "slack-clone-b9c8a.appspot.com",
  messagingSenderId: "593276018061",
  appId: "1:593276018061:web:5f7d2cedfca5888f41f1c4",
  measurementId: "G-63PBE4EJPN"
};

const firebaseApp=firebase.initializeApp(firebaseConfig);
const db=firebaseApp.firestore();
const auth=firebase.auth();
const provider=new firebase.auth.GoogleAuthProvider();
export {auth,provider};
export default db;

在firebase官網 進入實時數據庫頁面  點擊剛創建的數據庫實例鏈接

創建表結構