将firebase添加到react.js web应用程序

npm install firebase

import firebase from 'firebase/app';
import 'firebase/database';
import 'firebase/auth';

const firebaseConfig = {
  // 将此处替换为从 Firebase 控制台获取的配置信息
};

firebase.initializeApp(firebaseConfig);

const database = firebase.database();
const ref = database.ref('path/to/data');

// 读取数据
ref.on('value', (snapshot) => {
  const data = snapshot.val();
  // 处理数据
});

// 写入数据
ref.set({ key: 'value' });

const auth = firebase.auth();

// 注册用户
auth.createUserWithEmailAndPassword(email, password)
  .then((userCredential) => {
    const user = userCredential.user;
    // 处理用户注册成功
  })
  .catch((error) => {
    // 处理注册错误
  });

// 用户登录
auth.signInWithEmailAndPassword(email, password)
  .then((userCredential) => {
    const user = userCredential.user;
    // 处理用户登录成功
  })
  .catch((error) => {
    // 处理登录错误
  });

// 用户注销
auth.signOut()
  .then(() => {
    // 处理用户注销成功
  })
  .catch((error) => {
    // 处理注销错误
  });

const storage = firebase.storage();
const storageRef = storage.ref();

// 上传文件
const file = ...; // 获取要上传的文件
const fileRef = storageRef.child('path/to/file');
fileRef.put(file)
  .then((snapshot) => {
    // 处理文件上传成功
  })
  .catch((error) => {
    // 处理上传错误
  });

// 下载文件
const fileRef = storageRef.child('path/to/file');
fileRef.getDownloadURL()
  .then((url) => {
    // 使用文件下载链接
  })
  .catch((error) => {
    // 处理下载错误
  });