3分钟学会 React-Native 消息推送【附源码】

程序那点儿事 2019-04-16 13:37:44 ⋅ 146 阅读

作为一个独立的APP应用怎么能没有消息推送呢?React-Native下面简称为RN、相信大家都能理解。在这里我们肯定要选择大厂的推送,优先使用极光推送,下一篇将介绍如何使用阿里推送。

使用说明

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


创建RN新项目

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
昨天我去面试、面试官说你凭什么要那么高的薪资?因为我天天看『 IT实战联盟 』的文章、第二天HR小姐姐给我发了入职offer


自动配置

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

修改IOS中的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];

通知勾选






在消息推送控制台发送测试消息


打开应用


退出应用





项目源码

https://github.com/dounine/rn_jpush

每天发布更多新鲜有含量的技术文章、总有一款适合你。

快关注我、把我打包带走。

---------------END----------------

后续的内容同样精彩

长按关注“IT实战联盟”哦




全部评论: 0

    我有话说:

    VUE 开源库收藏版(一):史上最全面的学习资源 ,GitHub地址

    VUE 开源库收藏版(一):史上最全面的学习资源 ,GitHub地址

    老板说:明天来加班写个FCM消息功能......

    基于Spring Boot集成Firebase实现FCM消息功能

    SpringBoot+zk+dubbo架构实践(四):sb+zk+dubbo框架搭建(内GitHub地址)

    本篇案例模拟了一个provider服务提供方和PC、Web两个服务消费方内GitHub......

    「开源资讯」React 17 正式版发布,构建用户界面的 JavaScript 库

    React简介 React(有时叫React.js或ReactJS)是 Facebook 推出的一个为数据提供渲染为 HTML 视图,用来构建用户界面的开源 JavaScript 库。 React

    HTTP/2.0 服务器实现

    HTTP/2允许服务器在请求之前先响应信息到客户端(之前客户端有过请求),如果实现了HTTP缓存,的响应信息可以在客户端被缓存(可通过no-cache进行配置)。

    GitHub竟然有基于SpringCloud的“网约车”项目,

    有人问小编有没有开的“网约车”项目,并且最好是采用微服务架构设计,这样可以投入技术团队进行二次开发。 小编在GitHub上还真找到了这个项目,接下来一起看一看吧! 项目介绍 该项目是一款标准且

    Taro 3 支持 React Native

    项目背景 随着 58 业务版图不断壮大,带来的技术挑战是怎么在业务融合的过程中避免重复建设,提升开发以及多端落地效率,集团孵化了内部项目 58-rn,目前为止已经在组件化、开发流程优化、发布平台建设以及线上监控预警等环节拥有一定积累。同时,Tar...

    推荐一款前端数据管理工具 algeb

    方案不是很灵活,无法解决共享数据,数据没回来时怎...

    「尝鲜」SpringBoot 快速整合Swagger 3.0

    第一步:Maven引入Swagger3.0 starter依赖 Maven项目中引入springfox-boot-starter依赖: <dependency> <

    微商城小程序在哪里下载?

    博主在吗?问一下微商城小程序在哪里下载?

    VUE 开源库收藏版(二):史上最全面的学习资源 ,GitHub地址

    最近做了一个Vue开源项目库汇总,里面集合了OpenDigg 上的优质的Vue开源项目库,方便移动开发人员便捷的找到自己需要的项目工具等,感兴趣的可以到GitHub上给个star。

    Taro 3.0.17 发布,BAT 小程序、H5 与 RN 端统一框架

    Taro 3.0.17 发布了。Taro 是一套遵循 React 语法规范的多端统一开发框架,支持用 React 的方式编写一次代码,生成能运行在微信小程序/百度智能小程序/支付宝小程序、H5 与

    Taro 3.0.22 发布,BAT 小程序、H5 与 RN 端统一框架

    Taro 3.0.22 发布了。Taro 是一套遵循 React 语法规范的多端统一开发框架,支持用 React 的方式编写一次代码,生成能运行在微信小程序/百度智能小程序/支付宝小程序、H5 与

    转载:RocketMQ基础概念剖析&解析

    Topic Topic是一类消息的集合,是一种逻辑上的分区。为什么说是逻辑分区呢?因为最终数据是存储到Broker上的,而且为了满足高可用,采用了分布式的存储。 这和Kafka中的实现如出一辙

    SourceGit v3.3 已经发布,开的 Git 客户端

    SourceGit v3.3 已经发布,这是一个开的 Git 客户端。 此版本更新内容包括: 主题优化 增加auto fetch功能(每10分钟自动fetch打开的仓库),可在全局设置中关闭 移

    Apache Kylin 3.1.1发布,开源分布式分析引擎

    Apache Kylin简介 Apache Kylin 是一个开分布式的 OLAP 分析引擎,来自 eBay 公司开发,基于 Hadoop 提供 SQL 接口和 OLAP 接口,支持 TB 到

    精品推荐:微信平台反编译找回丢失的小程序

    这篇文章是总结了一下公司后台开发的经验,之前他的电脑系统突然就坏掉了,电脑里的小陈需也丢失了,怎么找回呢?