问题标签 [react-native-fcm]

我是 React-native 的新手，正在尝试使用 Google 的 Firebase 云消息库（iOS 和 Android）实现推送通知。我浏览了很多文章，但没有一篇文章能解释初学者所关心的事情。谁能建议一些好的文档来解决有关从头开始设置和使用的所有要点？

注册完成后，我需要为用户发送一个令牌，然后我需要向用户发送推送通知。

我能够找到适用于 Android FCM 推送通知指南的适当教程，但没有找到任何适用于本机反应的工作指南。有人请帮助我。

我使用 Firebase Cloud Messaging (FCM) HTTP Legacy API 协议以 JSON 格式将推送通知发送到android 移动设备。对于客户端，我使用 react-native-fcm 库。目的是在应用程序处于 3 种状态时向特定设备发送通知：1) 运行 2) 后台运行 3) 已终止 根据 FCM 的文档，可以通过 FCM 服务发送 3 种不同类型的消息： 1）通知（具有预定义的字段）2）数据（设置您想要的任何字段）3）混合（通知+数据）。使用 react-native-fcm 在客户端监听传入消息事件的逻辑如下：

显示通知方法是这样实现的：

notif.title、notif.body 和 notif.badge 是通过 FCM API 发送消息时在数据部分设置的字段。换句话说，消息以 (3) 混合形式发送：

如果消息作为(1) 通知发送（消息中没有“数据”部分，在这种情况下，需要对读取字段进行一些更改，以更改 notif.title -> notif.fcm.title，但这不是问题中的要点）或混合（3）然后当应用程序（2）后台运行和（3）被杀死时不会触发通知的侦听器。结果，没有设置徽章编号。但是尽管未调用方法 showNotification(title, body, badge) （因为未触发事件侦听器），但仍显示消息. 似乎 react-native-fcm 具有针对这种情况的内部实现，可以在应用程序未运行时自动显示 (1) 通知和 (3) 混合消息。换句话说，仅当应用程序 (1) 正在运行并且当应用程序处于 (2) 后台或 (3) 被杀死并且不显示徽章编号。但是，消息本身会针对所有情况显示。

另一种方法是发送(2) 数据消息。这种类型的 FCM 消息会触发应用程序所有状态的侦听器(notificationEmitterSubscription) ：(1) running 和 (2) background running 和 (3)killed。结果，在所有这些状态中都设置了徽章编号。然而，尽管每当接收到数据 FCM 消息时都会调用方法 showNotification(title, body, badge) ，但如果应用程序被终止，方法 FCM.presentLocalNotification 不会显示该消息。

因此，简而言之，我有一个问题。

如何：在 (1) 通知或 (3) 收到混合消息并且应用程序处于 (2) 后台运行或 (3) 被终止时显示徽章编号或在应用程序处于 (3) 时显示 (2) 数据消息) 被杀？

谢谢！

问题

当我尝试在我的项目中配置 react-native-fcm 时出错。

版本

1. 反应 v16.3.1
2. 反应原生 v0.55.2
3. react-native-fcm v14.1.3

设备

安卓 API 23

文件

我按照react-native-fcm中的步骤配置文件

顶级 build.gradle

应用程序/build.gradle 文件

我试过gradlew clean但它不起作用。

任何人都知道如何在前台显示 iOS 通知（当应用程序打开时）。我正在使用 react-native-fcm。一切正常，android 通知也显示在前台，但不在 iOS 中。

我已经按照文档中的所有内容进行了操作。下面的 didReceiveRemoteNotification 方法也会被调用。在 FCM.On() 监听器通知数据也是可见的。但是，当 iOS 应用程序打开时，只有通知不会显示在横幅中。

使用的有效载荷如下：

我使用 fcm-package ( https://github.com/evollu/react-native-fcm ) 将 Firebase-Cloud-Messages 发送到 android。

消息到达电话。

如果应用程序处于后台，则通知会出现在状态栏中。如果我点击消息，应用程序会在主屏幕上打开 - 在我的情况下是 News_Screen。

但是在应用程序出现后，我没有找到一种方法来捕获通知的数据。

FCM.on(FCMEvent.Notification, (notif) => {不要得到任何事件。

如果应用程序在前台，并且我发送通知，则console.log-output 工作。

如果应用程序从后台到前台，我是否会错过一些特别的东西才能获取事件数据？

这是我的应用程序的结构：

index.js ⇒ /app/index.js ⇒ (imports a StackNavigator)

StackNavigator 的默认屏幕是“News_Screen”。

在新闻屏幕中，我有这个：

如果我推送通知并且应用程序从后台到前台，我得到的唯一 console.log 是First the token...消息。

如何捕获通知的数据。（例如，如果 Notification 具有附加的 Object-Parmete: screen: 'Menu_Screen，则在 App 进入前台后切换到此屏幕）

I have just configured React Native FCM, when I try to start the packager:

I get the following error:

我想react-native-fcm用于 google firebase 推送通知，但是当我运行react-native run-android它时，它给了我这个错误 com.android.ide.common.process.ProcessException: Failed to execute aapt

我的反应原生版本：“react-native”：“0.55.4”fcm 版本：“react-native-fcm”：“^15.0.2”

安卓 => bulde.gradle

android/app=>buld.gradle

设置.gradle

我已经在 android/app 文件夹中链接了 google-services.json

问题出在哪里，我该如何解决？

我第一次使用react-native-fcm，根据文档，我已经完成了所有链接工作，并在 firebase 控制台中使用云消息选项卡发送通知。

发送通知状态完成后，对于 IOS 来说它工作正常（收到通知），但 android 什么都没有出现。我正在使用具有android N的 mi 设备进行测试， 这是我的build.gradle设置。

请帮助我，我正在寻找很长但无法找到解决方案。提前谢谢！！！

在 2018 年 8 月 6 日进行一些实验后进行编辑

我已经尝试了很多没有锻炼的东西，然后我创建了一个新项目 firebase 并且也做出了原生反应。一切都在进行中（收到通知），然后我开始检查我的旧项目文件和新文件，经过多次实验后我发现问题在于tools:node="replace"我添加了这个，因为react-native-facebook-login（谷歌上的一些解决方案我遇到了一些错误）。

现在请帮助我编写这个 android 代码如何编写它，因为我的假设是tools:node="replace"根据这个参考用 Facebook 登录覆盖我的 fcm 代码。tools:node="replace"单击应用程序图标后，我无法删除其崩溃的应用程序。

我正在尝试构建一个从服务器接收通知的应用程序。我已经使用发送通知的后端服务器配置了 FCM，并且从服务器发送的每个通知，我都会在我的模拟器上收到它。

我正在努力理解的是如何列出所有收到的通知并将它们显示在视图中。

我在想象 whatsapp 是如何做的，你会收到一条通知，然后单击该通知，你将被带到该通知的完整视图。我认为有一个 onClick 操作或类似的操作来实现这一点，但我很难理解的是如何在特定视图中列出所有通知？

还是通知与视图中列出的内容完全不同？如果是这样，也许我将不得不进行另一个 api 调用来获取所有通知。

我正在使用 FCM，现在正试图让它在 Android 上运行。

任何帮助表示赞赏。

谢谢，维克拉姆

以上是我用来presentLocalnotification的，你的意思是说必须使用id才能在视图中显示？你会怎么做？