在react原生中使用firebase云函数的世博会推送通知

npm install firebase

import firebase from 'firebase/app';
import 'firebase/messaging';

const firebaseConfig = {
  // 在Firebase控制台中获取的配置信息
};

firebase.initializeApp(firebaseConfig);

export const messaging = firebase.messaging();

import { messaging } from './firebase';

// 注册设备
messaging.getToken().then((token) => {
  // 将token发送到后端服务器保存
}).catch((error) => {
  console.log('获取设备token失败:', error);
});

// 接收推送通知
messaging.onMessage((payload) => {
  console.log('收到推送通知:', payload);
});

const functions = require('firebase-functions');
const admin = require('firebase-admin');
admin.initializeApp();

exports.sendNotification = functions.https.onRequest((req, res) => {
  const message = {
    // 推送通知的内容
    notification: {
      title: '世博会推送通知',
      body: '欢迎参加世博会！',
    },
    // 接收推送通知的设备的token
    token: '设备的token',
  };

  admin.messaging().send(message)
    .then(() => {
      res.send('推送通知已发送');
    })
    .catch((error) => {
      console.log('发送推送通知失败:', error);
      res.status(500).send('发送推送通知失败');
    });
});

firebase deploy --only functions

import axios from 'axios';

axios.get('云函数的URL')
  .then((response) => {
    console.log(response.data);
  })
  .catch((error) => {
    console.log('调用云函数失败:', error);
  });