提交Express Backend Post请求以添加到Firebase Cloud Firestore的React按钮

import React from 'react';
import axios from 'axios';

const AddToFirestoreButton = () => {
  const handleClick = async () => {
    try {
      const response = await axios.post('/api/add-to-firestore', {
        // 请求的数据
      });
      console.log(response.data);
    } catch (error) {
      console.error(error);
    }
  };

  return (
    <button onClick={handleClick}>添加到Firestore</button>
  );
};

export default AddToFirestoreButton;

const express = require('express');
const admin = require('firebase-admin');

const app = express();
app.use(express.json());

// 初始化Firebase Admin SDK
const serviceAccount = require('./path/to/serviceAccountKey.json');
admin.initializeApp({
  credential: admin.credential.cert(serviceAccount)
});

// 添加到Firestore的路由处理程序
app.post('/api/add-to-firestore', async (req, res) => {
  try {
    const data = req.body;

    // 将数据添加到Firestore中的一个集合
    const firestore = admin.firestore();
    const collectionRef = firestore.collection('myCollection');
    await collectionRef.add(data);

    res.send('数据已成功添加到Firestore');
  } catch (error) {
    console.error(error);
    res.status(500).send('添加数据到Firestore时出错');
  }
});

app.listen(3000, () => {
  console.log('Express后端已启动');
});