React Native:如何使用自定义内容进行推送通知？
React Native是一种跨平台的移动应用开发框架，可以使用JavaScript编写原生移动应用。在React Native中，可以使用自定义内容进行推送通知，具体步骤如下：
- 集成推送通知服务：首先，需要选择一个推送通知服务提供商，例如腾讯云移动推送（https://cloud.tencent.com/product/tpns）或者其他类似的服务。根据提供商的文档，注册并获取相关的API密钥和配置信息。
- 安装推送通知库：使用React Native提供的包管理工具，如npm或yarn，安装推送通知库。例如，可以使用react-native-push-notification库（https://github.com/zo0r/react-native-push-notification）。
- 配置推送通知权限：根据目标平台（iOS或Android）的要求，在React Native应用的配置文件中添加推送通知权限的配置。例如，在iOS中，需要在Xcode项目中的配置文件中添加相关的权限描述。
- 初始化推送通知库：在React Native应用的入口文件中，使用推送通知库提供的API初始化推送通知服务。根据具体的库和服务提供商，可能需要传入API密钥和其他配置信息。
- 处理推送通知：在React Native应用中，可以使用推送通知库提供的API监听和处理推送通知的事件。例如，可以在应用的某个组件中注册事件监听器，当收到推送通知时触发相应的逻辑。
- 自定义推送通知内容：根据推送通知库的文档，可以使用库提供的API自定义推送通知的内容。例如，可以设置通知的标题、正文、图标、声音等。
总结：使用React Native进行推送通知的关键是选择合适的推送通知服务提供商，并集成相应的推送通知库。通过配置权限、初始化库和处理事件，可以实现自定义推送通知内容。腾讯云移动推送是一款可靠的推送通知服务，可以满足各种应用场景的需求。
相关·内容
2回答
我们在react原生应用中使用twilio-chat@1.0.4 JS SDK。我们使用react-native-push-notification@3.0.0来处理通知。推送已启用，并且可以看到来自twilio的推送。但我想不出怎么打开警报。当应用程序在后台时，我可以(目前也是这样做)发出本地通知，但即使应用程序关闭，我们也希望看到警报。
如何将推送通知配置为包含告警。
浏览 25提问于2017-08-12得票数 1
1回答
我有一个react-native App (android)来接收来自firebase控制台的推送通知。 ? react-native-firebase中有没有函数可以从推送通知消息中获取key和value (自定义数据)？
浏览 15提问于2019-07-01得票数 0
回答已采纳
在React Native应用中有一个关于静默推送通知的问题。在我们的应用程序中，我们在推送通知中发送有关事件的数据。我想使用静默推送通知来更新关闭的应用程序中的数据。关闭的app会收到静默推送通知吗？如何将其实现到React原生代码中？换句话说，如何将静默通知数据传输到已关闭应用程序的React Native中？任何说明、文档和链接都会很棒。
浏览 7提问于2017-08-15得票数 0
2回答
我有一个定制的react-native应用程序，它从谷歌日历应用程序接口中提取数据。有没有办法在添加或更改事件时发送推送通知？
我如何发送和接收它们？
浏览 1提问于2019-02-07得票数 0
我正在尝试创建一个带有React Native和firebase for iOS的messenger应用程序，但我不确定每次收到消息时启用远程推送通知的路线。我看过的每一条路线似乎都需要xcode来配置功能，或者需要我编辑AppDelegate.m文件，但我是在PC上开发的，所以我不能使用xCode。我使用expo和一个物理iPhone测试了iOS应用程序。有没有办法在我使用pc进行开发和firebase作为后端的特定环境下，为我的create-react-native iOS应用程序启用推送通知？
浏览 16提问于2018-08-28得票数 3
回答已采纳
安卓7.0为用户引入了功能，而无需打开应用程序。我正在使用项目，以便在我的React Native应用程序中接收推送通知。
根据文档，似乎支持此功能--具体地说，和似乎表明这是可能的。
但是，我找不到任何关于如何正确实现此功能的示例。在使用react-native-firebase的React Native项目中是否支持此功能
浏览 1提问于2018-09-26得票数 1
我正在尝试集成用于移动推送通知的salesforce SDK，在react native中使用https://www.npmjs.com/package/react-native-marketingcloudsdk，我在android real device上运行该应用程序。但是，应用程序崩溃，没有任何错误日志。这是我的App.js import React from 'react';
import {
SafeAreaView,
StyleSheet,
ScrollView,
View,
Text,
StatusBar,
} from 're
浏览 8提问于2020-01-30得票数 0
1回答
我想知道是否可以动态下载声音文件，然后将其用作推送通知的声音(在Android和iOS上)。
原因是我的应用程序应该支持不同的推送声音，这些声音应该从服务器获取，而不是将它们绑定到应用程序中(这将要求用户总是更新到最新版本)。
我的想法是使用react-native-fs或react-native-fetch-blob将声音下载到任何位置(问题2)，如果有任何位置可以用于此目的(问题1)。
你认为/知道这是否有可能，还是总体上说这是个坏主意？如果是的话，是否有其他办法？
浏览 6提问于2017-09-05得票数 1
我已经使用Firebase库集成了推送通知。在库规范下，
"@react-native-firebase/messaging": "^10.5.0",
"react-native": "0.63.4",
当app处于后台状态时，会收到推送通知，但不会弹出屏幕。app处于后台状态时，需要做哪些设置来提醒推送。
浏览 0提问于2021-01-22得票数 1
1回答
收到推送通知时没有声音
、、、
我使用react-native-firebase v6来处理推送通知。问题是在收到推送通知时没有声音播放。
我已经创建了一个通道，并将其设置为高优先级，因为由react本机-火基创建的默认通道没有声音。这里是我在MainActivity.java中使用的代码
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.O) {
Notification
浏览 5提问于2020-04-24得票数 0
我有一个使用react的应用程序--它的0.64.2版本是原生的。要接收推送通知，我使用来自react本机-防火墙库的Firebase消息传递。作为推送通知的发件人，我使用Salesforce营销云，在我的测试中，推送工作正常，通知在用户设备上触发，但当应用程序在后台使用setBackgroundMessageHandler方法时，我无法从这些通知中获取数据，而应用程序处于前台时，onMessage方法工作良好，我可以获得通知数据，但在后台，我不能。另一点是，当从Firebase发送通知时，一切都按预期工作，我可以在前台和后台获得通知数据。
我在一些论坛上看到，我需要为Android设置较高的
浏览 3提问于2021-08-03得票数 0
? 我们正在推送来自内置React JS的Web App的通知。通知标题大约有95个字符，在手机上收到时会被裁剪。我们如何像Inshorts App中那样包装标题？当应用程序在前台时，我们没有任何问题。 下面是用于推送通知的React JS代码： message = {
notification: {
title:"Long title with 95 characters",
seoLink:"google.co.in",
浏览 25提问于2019-12-31得票数 1
回答已采纳
我正在使用React Native构建一个应用程序，并使用https://github.com/zo0r/react-native-push-notification处理本地通知 问题是，当我研究如何安排本地通知时，我相信这是有限度的。我的应用程序的目的是发送通知，所以我需要在一天内发送10-15个通知。使用React Native的最佳实践是什么？ 我应该以某种方式安排一些事件来安排本地通知，还是应该使用一些远程推送通知？
浏览 12提问于2020-04-28得票数 0
我试图打开一个应用程序在一个特定的屏幕上，从推送通知。我的理解是，我用一个“深环节”来做这件事。我已经设置了react导航来处理深度链接(和AndroidManifest.xml & appDelegate.m)，并且可以使用xcrun simctl openurl booted myapp://a/1 / adb shell am start -W -a android.intent.action.VIEW -d "myapp://a/1" app.bundle.name打开深度链接。
但是当应用程序关闭时，我无法得到推送通知来打开应用程序，在深链接处，它只在主屏幕上
浏览 2提问于2020-09-03得票数 1
回答已采纳
我想知道我是否可以通过Firebase向用户发送多个推送通知，然后在用户在设备上看到它们之前拦截它们，并允许我的应用程序有选择地允许通知。
这个是可能的吗？
如果是，我需要使用哪种方法？(来自react-native-firebase或iOS)
浏览 0提问于2017-06-09得票数 3
我正在尝试使用Spring Boot服务器和MySQL数据库在React-Native中创建推送通知。 我想知道如何设置我的Spring Boot Rest API，以便能够向使用React-Native编码的前端发送推送通知。有没有什么技术可以让我做到这一点？或者如何在Spring Boot中编写代码？
浏览 11提问于2019-02-18得票数 0
回答已采纳
1回答
我想触发警报在应用程序时，fcm推送通知收到，当app关闭(退出状态)，但没有事件触发器。
我在用
@react-native-firebase/app@react-native-firebase/messaging
当应用程序处于退出状态时，是否有任何方法触发事件？
我用这个包裹来报警
react-native-alarm-notification
在前景和背景方面，一切都很好。
浏览 1提问于2021-07-16得票数 1
我想在点击远程推送通知后导航到特定的应用程序屏幕。我如何使用原生react来实现这一点。我使用的是react-native-push-通知库
浏览 31提问于2019-11-22得票数 2
回答已采纳
有人知道如何在react原生中检查推送通知的用户权限吗？
我检查了react原生文档中所有可用的方法，并检查了npm包，比如react- native -permissions。
浏览 0提问于2017-06-07得票数 3
对问题的描述：
我在我的React中实现了推送通知--使用这个的本地应用程序和iOS部件的测试都失败了，错误是“不变冲突:原生模块不能是空”，但是如果我测试(，即获取设备令牌并发送推送通知)它工作的Android部件。我在iOS上看到的错误屏幕截图如下：
到目前为止，我已经尝试过：
升级react本机版本从0.59.10到0.61.5
根据这个，我还尝试安装了以下内容：
@react本机-社区/推送-通知-ios
npm安装aws-放大@不稳定
这个模块(aws-amplify@unstable)引入了一个错误，它说TypeError:未定义不是一个对象(计算'
浏览 1提问于2020-06-02得票数 12
回答已采纳
我正在尝试构建一个基于React.JS (而不是React-Native)和Django作为后端的web应用程序。我现在正在为如何在特定的时间发送推送通知而苦苦挣扎。有没有什么有用的模块/API可以支持基于时间的推送通知？
准确地说..。即使我退出网站，只要我的浏览器(例如: Chrome)是打开的，我希望仍然能够在我设置的时间收到通知。
浏览 11提问于2019-11-04得票数 0
回答已采纳
我正在开发一个使用TalkJS的React Native应用程序。我们希望用户收到的每条消息都能收到推送通知。消息正在处理中，但我们没有收到通知。我们已经将我们的.p12上传到了TalkJS仪表板，并按照文档设置了React Native项目。下面是我们注入到TalkUI loadScript中的相关代码。我们跟踪了
const res = await window.talkSession.registerDevice({ platform: "ios", pushRegistrationId: "${deviceToken}"});
alert("r
浏览 13提问于2021-06-12得票数 0
回答已采纳
1回答
应用程序正在前台运行。然后我收到了推送通知。在我点击推送通知后，我的应用程序状态就变成了后台。然后回到前台。 我使用OneSignal仪表板发送示例推送通知。这种情况发生在Android应用程序中。 componentDidMount() {
// One signal notification settings
OneSignal.configure();
OneSignal.setLogLevel(5, 0); // adb logcat debug (5) logs
OneSignal.init('xxxxxxxx
浏览 14提问于2019-01-05得票数 0
目前，我正在创建react原生应用程序。我还开发了Java Web API来支持这些应用程序。所以现在我想从Java API向react-native应用程序发送推送通知。
但我知道Java API需要通过APNS和GCM向移动应用程序发送通知。然而，正如谷歌网站上提到的，GCM已被弃用，取而代之的是FCM。现在，FCM可以同时向IOS和Android发送通知，这意味着我不再需要APNS了？
我的问题是，从Java API向移动应用程序发送通知的正确方式是什么？
哪些java库可以使用FCM发送推送通知？
如果只使用FCM，react原生应用程序如何接受推送通知，它的库是什么？
我假设FCM可
浏览 4提问于2018-06-04得票数 0
因此，我使用Laravel在我这一侧处理注册/登录。我尝试添加React-native-firebase，这样登录后我就可以订阅像notifications/:userId这样的主题，这样我只会得到该用户的通知，因为目前每个用户都会收到推送通知。
我找不到任何关于如何让它工作的指南，所以当应用程序处于“死”状态或最小化时，它将工作。
如果能帮上忙我会很感激的。谢谢
浏览 6提问于2018-08-05得票数 0
我想用react native firebase messaging处理react native FCM。对于IOS，我在AppDelegate.m中添加了所需的代码。我添加了willPresentNotification函数，以便在应用程序处于前台时处理推送： //Called when a notification is delivered to a foreground app.
-(void)userNotificationCenter:(UNUserNotificationCenter *)center willPresentNotification:(UNNotification
浏览 70提问于2020-07-24得票数 0
我有一个简短的问题-我正在使用AWS Pinpoint在我目前正在开发的React Native应用程序中发送推送通知。即使用户在iOS (苹果追踪透明度)上拒绝第三方跟踪，我也可以使用Pinpoint发送推送通知吗？我的意思是，我只想使用Pinpoint来传递推送，但Pinpoint确实也是一个跟踪工具… 很想听听你的想法。 感谢并向智能家居制造商致以最美好的敬意
浏览 36提问于2021-07-22得票数 0
回答已采纳
我正在使用react-native-push-notification，但我有一个问题。
使用IOS simulator或android emulator，一切都运行得很好。
但在real iphone device中，推送通知不起作用。(在发布模式或调试模式下，两者都不起作用。
这是我的设置。
我在XCODE上检查Capabilities/Background Modes/Remote notification
和PushNotification.configure
import React from 'react';
import PushNotification fr
浏览 2提问于2017-08-28得票数 4
我一直在用react native开发一个应用程序，现在我正在考虑使用Flutter重建应用程序。在我开始重建之前，我正在研究Flutter的功能，看看它是否适合我们的项目。我在推送通知的插件上遇到了一些困难。网上有很多关于使用Firebase Cloud Messaging通过应用程序中的Firebase Messaging插件向Flutter App发送推送通知的信息，但我还没有找到任何关于使用您自己的自定义后端设置推送通知的好文章。
我们已经有了一个自定义的Node JS后端，为苹果和谷歌的推送消息系统提供推送通知，所以我不想开始依赖firebase云消息，这只会让我们的系统变得复杂。
浏览 17提问于2019-04-07得票数 16
我正在使用firebase在react原生中处理一个预定的本地推送通知。我已经成功地在特定时间生成了通知，如下所示：
firebase.notifications().scheduleNotification(this.buildNotification(), {
fireDate: notificationTime.valueOf(), //a specific date is set using a datetimepicker
repeatInterval: "minute",
exact: true
});
我的问题是如何在schedul
浏览 0提问于2019-07-17得票数 1
1回答
我使用react本机，并试图添加推送通知。我的应用程序需要推送通知，因为聊天。只要用户收到聊天消息，我就需要推送通知就会出现。
我已经搜索了两个关于推送通知的库，并找到了firebase和react-native-push-notification。哪一个是适合这个情况的图书馆，请告诉我是否有其他更好的方法来解决这个问题。
浏览 0提问于2019-10-16得票数 0
回答已采纳
1回答
我正在构建一个使用Rails作为后端的React Native移动市场应用程序。买家可以通过移动和网络注册，卖家也可以。
当买家想要购买时，卖家会收到电子邮件通知和手机推送通知。
我想知道哪种策略是最好的策略，只有下载应用程序的卖家才能收到推送。
浏览 16提问于2017-06-28得票数 0
回答已采纳
我想使用目录node_modules/react-native/Libraries/PushNotificationIOS中的文件node_modules/react-native/Libraries/PushNotificationIOS，将其添加到“库”文件夹中，以便管理iOS推送通知。我正在学习本教程：。
问题是，即使在删除node_modules和执行npm install && react-native link之后，我也找不到它。
下面是我的package.json依赖项，但我不认为包可以修改我的目录：
{
"dependencies": {
浏览 0提问于2020-01-03得票数 2
回答已采纳
2回答
不能拒绝应用程序中显示的推送通知
、、、、
我使用Firebase消息向安卓和iOS设备发送推送通知。在Android上，一切都如预期的那样工作。在iOS上，我也可以接收通知，但是我的iPhone上有一个相当奇怪的问题。我所做的：
关闭我的应用程序。
从Firebase控制台向我的iOS设备发送测试通知。
在iPhone上接收通知。
点击通知打开我的应用程序。
现在，应用程序按预期打开。，但出于某种原因，通知现在显示在应用程序中作为警报(或类似的东西)。它是不可能拒绝它！！
下面是这个过程的一些截图：
在我的Android设备上执行相同的步骤时，应用程序也会打开，但是没有显示警报或任何东西。这个应用
浏览 1提问于2019-07-08得票数 0
1回答
我目前使用的是react native modal，它的作用是显示情态。 我目前的问题是，我想广泛地展示模式应用程序。例如，当收到推送通知时，我想调用模式，而不管用户在哪个屏幕上。当前的模态设计将其绑定到单个屏幕上。 如何克服这个问题呢？
浏览 10提问于2020-03-18得票数 0
2回答
有人知道当用户在特定屏幕上时如何取消本地推送通知吗？我使用的是react-native-push-notification，当用户在聊天屏幕上时，它应该停止接收通知，并在他还活着的时候继续这个动作……
浏览 0提问于2018-06-14得票数 1
5回答
我使用react原生推送通知来查看我的通知。但是当我安装这个包的时候，就会出现错误。我使用此github链接安装
但是当我运行react原生项目时，它在我的linux pc上显示了这个错误消息。
FAILURE: Build failed with an exception.
* What went wrong:
Execution failed for task ':react-native-push-notification:compileReleaseJavaWithJavac'.
> Compilation failed; see the compiler e
浏览 4提问于2018-10-04得票数 3
我在一个适用于安卓和ios的React Native应用中设置推送通知，我一直在使用react-native- push -notifications和react-native中的PushNotificationsIOS (我先尝试了react社区包，但在构建应用时遇到了问题)。只是想知道根据经验，实现它的最好方法是什么？ 编辑:忘记提到这是用于本地通知的，我已经通过应用程序中心获得了远程通知
浏览 12提问于2019-10-18得票数 0
我在移动开发方面是新手，我选择了原生React，但我想向特定用户发送远程推送通知。我可以使用这个库: react-native-push-notification吗？有完整的教程吗？
浏览 0提问于2019-04-18得票数 2
3回答
我刚接触react native，我正在尝试通过iOS设置推送通知。
我已经安装了pushNotificationios，并按照给出的说明进行了操作。我还签约成为一名苹果开发人员。
当我运行我的应用程序时，推送通知似乎不起作用。当我进入我的iPhone设置并点击应用程序时，它没有显示通知。
以下是我的代码
import PushNotificationIOS from '@react-native-community/push-notification-ios';
import PushNotification from "react-native-pus
浏览 3提问于2020-05-22得票数 5
1回答
我想开发一个应用程序，在那里我可以发送远程推送通知反应本机应用程序。推送通知将包含一个url链接，当用户单击该链接时，应用程序应在应用程序中打开该链接(webview) 对于react native或expo，这是可能的吗？
浏览 18提问于2020-09-27得票数 0
2回答
应用关闭时推送通知不起作用
、、、、
我在react本地项目中工作，在那里我需要在我的应用程序中实现来自服务器的推送通知。我尝试使用firebase作为通知提供者。为此，我使用了react-native-firebase包。我尝试了这个例子，当应用程序运行时，运行得很好。但当应用程序关闭时，通知失败。那么我如何才能做到这一点呢？
我的目标安卓版本是KitKat
浏览 0提问于2018-09-21得票数 3
我收到了来自firebase的推送通知，但是当我在使用react- native -firebase库的react本机中的android上使用"“发送推送通知时，我没有收到任何关于android的通知。但是，我可以使用"onMessage“方法在控制台上显示消息。而是如何在通知栏中获得通知。我的消息是纯数据的，因此我还创建了bgMessaging.js来处理后台消息，在这里我也可以在控制台上显示消息，但不能在通知上显示。
如何解决此问题并在通知栏上以仅包含数据的消息显示消息。
下面是我的代码
bgMessaging.js
import firebase from '
浏览 0提问于2018-12-13得票数 0
我正在构建一个类似于Swiggy的应用程序，因此当从客户那里获得新订单时，我会触发一个推送通知，此时我需要触发一个不同的喇叭声音。 使用的模块： // For Firebase notification
@react-native-firebase/messaging
react-native-push-notification (for local notification)
// Background lisner to trigger sound
import messaging from '@react-native-firebase/messaging';
im
浏览 18提问于2021-07-26得票数 0
我正在学习如何使用React导航。 如何在Drawer.Screen主页和通知前放置图标 import * as React from 'react';
import { Button, View } from 'react-native';
import { createDrawerNavigator } from '@react-navigation/drawer';
import { NavigationContainer } from '@react-navigation/native';
function Hom
浏览 26提问于2021-01-13得票数 0
2回答
反应本机推送通知不能正常工作
、、、、
推送通知功能：
PushNotification.configure({
largeIcon: "ic_launcher",
smallIcon: "ic_notification",
onNotification: function (notification) {
PushNotification.localNotification({
autoCancel: true,
message: 'Test Message',
title: 'Test Message',
浏览 4提问于2020-12-04得票数 1
回答已采纳
1回答
在需要从服务器发送推送通知的地方，我需要实现一个usecase，它是用SpringBoot实现的。在我的例子中，用户将设置一个日期提醒日期(来自在React Native中开发的移动应用程序)，它将保存在我的数据库mysql中。
现在，我需要检查这些日期(在服务器上)，并在该日期向用户发送推送通知。我的猜测是，我需要不断检查每个用户的提醒日期，如果提醒日期等于今天的日期，那么发送推送通知。
但这种方法我觉得不好。
有人能帮我找出我的应用程序的架构吗？
浏览 2提问于2019-08-20得票数 0
回答已采纳
可以将React-Native与Webhooks集成在一起吗？ 目前，我有一个使用React，Dialogflow和webhooks的聊天机器人。我打算移植到React-Native。因此，我想知道是否可以使用webhooks将React-Native与Dialogflow集成在一起？ 当我在谷歌上搜索时，我找到了大量关于React with Webhooks的材料，但没有一个是关于React-Native with Webhooks的。 如果不可能将React-Native与Webhooks集成在一起，那么如何解决它呢？ 谢谢:)
浏览 6提问于2019-08-28得票数 2
我正在尝试使用laravel api从web应用程序发送推送通知，以反应本机应用程序，所以有什么方法可以做到吗？
我将Laravel用于web应用程序，将react native用于移动应用程序
浏览 2提问于2020-05-13得票数 1
我正在使用Expo react native和firebase，我注意到从互联网或expo docs.Please获得了足够的帮助告诉我如何发送点击推送通知给特定用户
浏览 0提问于2019-08-06得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
