taro(React Native)集成個推

????????開早會的時候与境,突然就被安排了集成個推的任務,emmm……有點不知所措猖吴。(本人是android 開發(fā)摔刁,學習taro還不到一周,一行代碼還沒有寫過海蔽」睬可能是我高度不夠,所以技術水平也就停留在這一般的一般層次了党窜。)

? ? ? ? 其實集成第三方SDK各個平臺的步驟都差不多拗引,一般第三方都會提供各個平臺的集成文檔,根據文檔一步步來基本上都能完成幌衣。這篇文章只記錄集成過程中遇到的問題和坑寺擂,不代表最終可以達到推送功能的過程和代碼。

? ? ? ? 去個推官網泼掠,emmm怔软,沒有找到任何關于taro(react-native)相關的文檔。幸好之前有加過個推的客服择镇,通過咨詢之后給到了rn的集成地址:GitHub - GetuiLaboratory/react-native-getui: 個推官方提供的推送SDK React Native 插件(支持 Android & iOS)

一:配置Android?

1挡逼、根據文檔流程開始,通過終端進入到taro-native-shell文件夾腻豌,分別執(zhí)行命令npm install react-native-getui --save和react-native link react-native-getui家坎,終端顯示link成功

link成功

再執(zhí)行官方文檔(上面的鏈接)的這個命令

但在Android studio中進行rebuild時,會出現(xiàn)這樣的錯誤

Android studio報錯


報錯的引用

當然終端執(zhí)行react-native run-android 同樣會報錯吝梅,這里就不貼出報錯信息了(其實是報錯后的截圖我找不到了虱疏,總是就是報一些啥啥文件找不到,還有什么什么函數找不到的錯誤)

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

build.gradle配置

maven{

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

}

2苏携、繼續(xù)執(zhí)行做瞪,又出現(xiàn)了這樣的錯誤

終端報錯

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

清單文件添加配置

繼續(xù)運行右冻,又出現(xiàn)啥魅族装蓬、小米、華為啥啥的纱扭,這是多廠商配置的問題

多廠商配置報錯

根據終端的錯誤進行配置即可

多廠商配置

開通了多廠商就配置上相應的appId和appKey牍帚,沒有開通設置為空就好了。

3乳蛾、再在android/app/build.gradle 的defaultConfig節(jié)點中添加如下代碼


再在MainActivity中添加如下代碼:


????????至此暗赶,react native 配置Android 個推就完成了鄙币,剩下的就是要在taro框架中的頁面完成推送的功能。

????????完結撒花蹂随,????????????????

????????哦爱榔,還有ios的,阿西吧~~~~~~~

二:配置ios

? ? ? ? 先運行一下ios糙及,看會報什么錯


使用Xcode打開taro-native-shell/ios/taroDemo.xcodeproj详幽。打開AppDelegate.h文件,發(fā)現(xiàn)引用的個推(在上面的步驟中浸锨,執(zhí)行l(wèi)ink和npm run GetuiConfigure唇聘。。柱搜。命令后迟郎,一般Xcode引用會自動生成)的頭部文件沒找到

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

然后終端cd ios執(zhí)行pod install,cd .. 聪蘸,執(zhí)行react-native run-ios 正常編譯運行宪肖。再根據個推文檔在AppDelegate.h和AppDelegate.m文件中添加相應的代碼(上邊也說過了,執(zhí)行l(wèi)ink和npm run GetuiConfigure健爬。控乾。。命令后娜遵,Xcode一般會把需要添加的代碼自動引入蜕衡,不需要手動添加。但還是需要檢查一下设拟,如果沒有的話還是需要手動添加的)慨仿,react native 集成個推的ios端就算完成了(感覺比配置Android 要簡單。纳胧。镰吆。。跑慕。)万皿。

三、集成個推代碼后報錯

引入


終端運行npm run dev:rn報錯:

這個也算是集成的一個問題吧(其實就是自己沒反應過來相赁,個推提供的rn的文檔相寇,不是taro的慰于,并不是完全一樣的)钮科,原因就是只在taro-native-shell殼子中引入了個推,沒有在自己的taro項目目錄中引入婆赠。在自己項目中引入之后绵脯,問題就解決了佳励。完美獲取到了clientId

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市蛆挫,隨后出現(xiàn)的幾起案子赃承,更是在濱河造成了極大的恐慌,老刑警劉巖悴侵,帶你破解...
    沈念sama閱讀 207,113評論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件瞧剖,死亡現(xiàn)場離奇詭異,居然都是意外死亡可免,警方通過查閱死者的電腦和手機抓于,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,644評論 2 381
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來浇借,“玉大人捉撮,你說我怎么就攤上這事「竟福” “怎么了巾遭?”我有些...
    開封第一講書人閱讀 153,340評論 0 344
  • 文/不壞的土叔 我叫張陵,是天一觀的道長闯估。 經常有香客問我灼舍,道長,這世上最難降的妖魔是什么涨薪? 我笑而不...
    開封第一講書人閱讀 55,449評論 1 279
  • 正文 為了忘掉前任片仿,我火速辦了婚禮,結果婚禮上尤辱,老公的妹妹穿的比我還像新娘砂豌。我一直安慰自己,他們只是感情好光督,可當我...
    茶點故事閱讀 64,445評論 5 374
  • 文/花漫 我一把揭開白布阳距。 她就那樣靜靜地躺著,像睡著了一般结借。 火紅的嫁衣襯著肌膚如雪筐摘。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 49,166評論 1 284
  • 那天船老,我揣著相機與錄音咖熟,去河邊找鬼。 笑死柳畔,一個胖子當著我的面吹牛馍管,可吹牛的內容都是我干的。 我是一名探鬼主播薪韩,決...
    沈念sama閱讀 38,442評論 3 401
  • 文/蒼蘭香墨 我猛地睜開眼确沸,長吁一口氣:“原來是場噩夢啊……” “哼捌锭!你這毒婦竟也來了?” 一聲冷哼從身側響起罗捎,我...
    開封第一講書人閱讀 37,105評論 0 261
  • 序言:老撾萬榮一對情侶失蹤观谦,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后桨菜,有當地人在樹林里發(fā)現(xiàn)了一具尸體豁状,經...
    沈念sama閱讀 43,601評論 1 300
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 36,066評論 2 325
  • 正文 我和宋清朗相戀三年倒得,在試婚紗的時候發(fā)現(xiàn)自己被綠了替蔬。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 38,161評論 1 334
  • 序言:一個原本活蹦亂跳的男人離奇死亡屎暇,死狀恐怖承桥,靈堂內的尸體忽然破棺而出,到底是詐尸還是另有隱情根悼,我是刑警寧澤凶异,帶...
    沈念sama閱讀 33,792評論 4 323
  • 正文 年R本政府宣布,位于F島的核電站挤巡,受9級特大地震影響剩彬,放射性物質發(fā)生泄漏。R本人自食惡果不足惜矿卑,卻給世界環(huán)境...
    茶點故事閱讀 39,351評論 3 307
  • 文/蒙蒙 一喉恋、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧母廷,春花似錦轻黑、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,352評論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至业舍,卻和暖如春抖拦,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背舷暮。 一陣腳步聲響...
    開封第一講書人閱讀 31,584評論 1 261
  • 我被黑心中介騙來泰國打工态罪, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人下面。 一個月前我還...
    沈念sama閱讀 45,618評論 2 355
  • 正文 我出身青樓复颈,卻偏偏與公主長得像,于是被迫代替她去往敵國和親诸狭。 傳聞我的和親對象是個殘疾皇子券膀,可洞房花燭夜當晚...
    茶點故事閱讀 42,916評論 2 344