React-Native 消息推送

作者: 大猪大猪 | 来源:发表于2018-10-05 23:53 被阅读160次

在这里我们可以选择大厂的推送,优先使用极光推送,下一篇将介绍如何使用阿里推送。

使用说明

PS: 真没想到极光大厂出的官方文档也有问题,这里列出是最新版本修复可用版

创建新项目

react-native init rn_jpush

过程(省略)

This will walk you through creating a new React Native project in /Users/huanghuanlai/dounine/github/rn_push
Using yarn v1.9.4
Installing react-native...
yarn add v1.9.4
info No lockfile found.
[1/4] 🔍  Resolving packages...
[2/4] 🚚  Fetching packages...
[3/4] 🔗  Linking dependencies...

安装jpush

cd rn_jpush
npm install jpush-react-native jcore-react-native --save

自动配置

react-native link
rnpm-install info Linking jcore-react-native ios dependency 
rnpm-install info Platform 'ios' module jcore-react-native has been successfully linked 
? Input the appKey for JPush 自己的AppKey
patching android/settings.gradle...
patching android/**/AndroidManifest.xml...
patching android/**/build.gradle...
patching ios/**/AppDelegate.m...
done!
rnpm-install info Linking jpush-react-native ios dependency 
rnpm-install info Platform 'ios' module jpush-react-native has been successfully linked 
rnpm-install info Platform 'android' module jpush-react-native is already linked

修改AppDelegate.m中的下面代码

[JPUSHService setupWithOption:launchOptions appKey:@"xxxxxxxxxxxxxxxxx"
                        channel:nil apsForProduction:nil];
# 修改为
JPUSHRegisterEntity * entity = [[JPUSHRegisterEntity alloc] init];
  entity.types = UNAuthorizationOptionAlert|UNAuthorizationOptionBadge|UNAuthorizationOptionSound;
  [JPUSHService registerForRemoteNotificationConfig:entity delegate:self];
  [JPUSHService setupWithOption:launchOptions appKey:@"xxxxxxxx"
                        channel:nil apsForProduction:false];

通知勾选

image.png
image.png

消息发送

image.png
image.png

项目

https://github.com/dounine/rn_jpush

相关文章

  • React-Native 消息推送

    在这里我们可以选择大厂的推送,优先使用极光推送,下一篇将介绍如何使用阿里推送。 使用说明 PS: 真没想到极光大厂...

  • react-native 消息推送

    ios新建推送以及开发证书部分(略去) 创建私钥 Strip anything outside of "-----...

  • React-Native 消息推送--Android混合推送

    背景 由于使用任何一种Android推送都很难在APP进程被杀死后收到推送,只有集成各厂商提供的系统级别推送才能完...

  • expo react-native 消息推送

    今天有个巴基斯坦友人求助expo消息推送,之前国内一直用极光之类,所以类似expo推送之前还真没接触过,对方把项目...

  • Android - React-native在原生MainAct

    React-native在MainActivity中发送消息给前端 目前,一些App都会集成推送的功能,很多需求中...

  • React-Native 学习之路 - 极光消息推送Could

    在0.55 .4 中错误:Could not find method api() for arguments [d...

  • 消息推送

    推送通知的呈现效果总结 推送通知有5种不同的呈现效果1、在屏幕顶部显示一块横幅(显示具体内容)2、在屏幕中间弹出一...

  • 消息推送

    1、.简述一下消息推送的流程 2、如果不依赖APNS,如何在App进入后台时保证能够接收到远程消息?

  • 消息推送

    推送概念? APNs:Apple Push Notification Service,远程通知只能APNs服务器发...

  • 消息推送

    本地推送 @implementation AppDelegate 远程推送http://blog.csdn.net...

网友评论

  • 3ec27b8a259a:寻找ios马甲包上架大神,有意私聊1916699999

本文标题:React-Native 消息推送

本文链接:https://www.haomeiwen.com/subject/vojcaftx.html