React-Native 工程添加推送功能 (iOS 篇)
推送已经是是手机应用的基本功能,如果自己实现一套推送系统费时费力,所有一般我们会使用第三方的推送服务,这里我使用「极光推送」作为集成推送的例子,因为有现成的 react native 插件 jpush-react-native 可以使用。 前置准备工作安装软件
创建工程
集成 jpush-react-native配置工程在完成上面的准备工作后,我们就可以正式开始插件的集成,这里会解释每个步骤背后都做了哪些操作。 1. 安装 jpush-react-native 插件npm install jpush-react-native --save
安装完后可以看到 package.json 的 dependencies 字段多了 “jpush-react-native” 依赖 2. 然后安装 jcore-react-native 插件npm install jcore-react-native --save
安装完后可以看到 package.json 的 dependencies 字段多了 “jcore-react-native” 依赖。 由于极光开发者服务 SDK 采用了模块化的使用模式,即一个核心(JCore)+N种服务(JPush,JAnalytics,…)的使用方式,所以把公共核心代码分离出来,这样在使用极光推送多种服务的时候不会出现冲突。 3. 链接工程react-native link
这个步骤,其实是吧 jpush plugin 工程添加到 自己的项目工程里面,可以看到 Libraries 目录多了一个 RCTJPushModule.xcodeproj 工程文件,如下图所示 同时这个步骤还会自动把 JPush 所依赖的库自动添加到工程中,可以看到 添加代码1. 自动添加代码jpush-react-native 插件提供了自动配置脚本 npm run configureJPush <yourAppKey> <yourModuleName>
把 换成自己的 AppKey (在极光官网上创建应用可以获得一个 Appkey) 这个脚本会自动吧极光推送的代码插入到 Appdelegate.m 中。 $(SRCROOT)/../node_modules/jpush-react-native/ios/RCTJPushModule/RCTJPushModule
2. 手动添加代码手动添加代码部分 jpusn-react-native ReadMe 已经说得很清楚了,这里就不再重复
(编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |