前端项目如何使用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官网 进入实时数据库页面  点击刚创建的数据库实例链接

创建表结构

来源：oschina

链接：https://my.oschina.net/lilugirl2005/blog/4870188