react-native-firebase FCM 发送通知

本文介绍如何在React Native项目中配置Firebase,实现消息推送及通知显示功能。通过详细步骤指导如何安装并设置核心库、消息模块及通知模块,并强调了在Android平台下正确设置channelID的重要性。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

  1. https://rnfirebase.io/docs/v4.3.x/installation/initial-setup

  2. https://rnfirebase.io/docs/v4.3.x/messaging/android

  3. https://rnfirebase.io/docs/v4.3.x/notifications/android

依次配置核心库,messaging ,notification就可以在
https://console.firebase.google.com 发送消息了,此时应用在后台时,才能看到notification,如果需要应用在前台时收到消息时也显示notification,则需要设置以下监听

import firebase from "react-native-firebase";
import type { Notification } from 'react-native-firebase';

	...
    componentDidMount(){
        this.notificationListenerUnsubscribe = firebase.notifications().onNotification((notification:Notification) => {
            //android必须设置channelId
            notification.android.setChannelId(notification.data.channelId || "UNKNOW");
            notification.setTitle(notification.title || "AppName");
            firebase.notifications().displayNotification(notification);
        });
    }
	...

    componentWillUnmount() {
        this.notificationListenerUnsubscribe();
    }
    ...

注意不是使用

    this.messageListener = firebase.messaging().onMessage((message: RemoteMessage) => {
        // Process your message as required
    })

android channelId 必须要设置

向单个设备发送消息时使用

firebase.messaging().getToken().then((fcmToken) =>{
  //console.log(fcmToken);
});

这个token

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值