taro(React Native)集成个推

        开早会的时候,突然就被安排了集成个推的任务,emmm……有点不知所措。(本人是android 开发,学习taro还不到一周,一行代码还没有写过。可能是我高度不够,所以技术水平也就停留在这一般的一般层次了。)

        其实集成第三方SDK各个平台的步骤都差不多,一般第三方都会提供各个平台的集成文档,根据文档一步步来基本上都能完成。这篇文章只记录集成过程中遇到的问题和坑,不代表最终可以达到推送功能的过程和代码。

        去个推官网,emmm,没有找到任何关于taro(react-native)相关的文档。幸好之前有加过个推的客服,通过咨询之后给到了rn的集成地址:GitHub - GetuiLaboratory/react-native-getui: 个推官方提供的推送SDK React Native 插件(支持 Android & iOS)

一:配置Android 

1、根据文档流程开始,通过终端进入到taro-native-shell文件夹,分别执行命令npm install react-native-getui --save和react-native link react-native-getui,终端显示link成功

link成功

再执行官方文档(上面的链接)的这个命令

但在Android studio中进行rebuild时,会出现这样的错误

Android studio报错


报错的引用

当然终端执行react-native run-android 同样会报错,这里就不贴出报错信息了(其实是报错后的截图我找不到了,总是就是报一些啥啥文件找不到,还有什么什么函数找不到的错误)

在build.gradle文件中添加如下代码

build.gradle配置

maven{

  url"http://mvn.gt.igexin.com/nexus/content/repositories/releases/"

}

2、继续执行,又出现了这样的错误

终端报错

在AndroidManifest.xml文件个推配置中,添加如下代码

清单文件添加配置

继续运行,又出现啥魅族、小米、华为啥啥的,这是多厂商配置的问题

多厂商配置报错

根据终端的错误进行配置即可

多厂商配置

开通了多厂商就配置上相应的appId和appKey,没有开通设置为空就好了。

3、再在android/app/build.gradle 的defaultConfig节点中添加如下代码


再在MainActivity中添加如下代码:


        至此,react native 配置Android 个推就完成了,剩下的就是要在taro框架中的页面完成推送的功能。

        完结撒花,👏👏👏👏👏👏👏👏

        哦,还有ios的,阿西吧~~~~~~~

二:配置ios

        先运行一下ios,看会报什么错


使用Xcode打开taro-native-shell/ios/taroDemo.xcodeproj。打开AppDelegate.h文件,发现引用的个推(在上面的步骤中,执行link和npm run GetuiConfigure。。。命令后,一般Xcode引用会自动生成)的头部文件没找到

依次找到target-build setting-search paths-header search paths添加路径$(SRCROOT)/../node_modules/react-native-getui/iOS/RCTGetuiModule

然后终端cd ios执行pod install,cd .. ,执行react-native run-ios 正常编译运行。再根据个推文档在AppDelegate.h和AppDelegate.m文件中添加相应的代码(上边也说过了,执行link和npm run GetuiConfigure。。。命令后,Xcode一般会把需要添加的代码自动引入,不需要手动添加。但还是需要检查一下,如果没有的话还是需要手动添加的),react native 集成个推的ios端就算完成了(感觉比配置Android 要简单。。。。。)。

三、集成个推代码后报错

引入


终端运行npm run dev:rn报错:

这个也算是集成的一个问题吧(其实就是自己没反应过来,个推提供的rn的文档,不是taro的,并不是完全一样的),原因就是只在taro-native-shell壳子中引入了个推,没有在自己的taro项目目录中引入。在自己项目中引入之后,问题就解决了。完美获取到了clientId

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 216,402评论 6 499
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 92,377评论 3 392
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 162,483评论 0 353
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 58,165评论 1 292
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 67,176评论 6 388
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 51,146评论 1 297
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 40,032评论 3 417
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 38,896评论 0 274
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 45,311评论 1 310
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,536评论 2 332
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,696评论 1 348
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 35,413评论 5 343
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 41,008评论 3 325
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,659评论 0 22
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,815评论 1 269
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 47,698评论 2 368
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 44,592评论 2 353