React Native(以下簡稱RN)綁定微信分享/微信登錄/微信支付的實現演示+源碼+注意事項!微信的調用大同小異,本文實現了微信的分享功能,其他功能可以在鏈接文檔里面找到具體的方法。
本文分文三個部分:一、效果展示;二、實現步驟;三、注意事項;
一、效果展示
二、實現步驟
1.微信開放平台申請移動應用(需要繳納300元/年費用),配置開發信息,應用包名和簽名一定要填對,如圖:
2.配置“React-Native-Wechat”組件,配置RN項目;
React-Native-Wechat項目地址:https://github.com/yorkie/react-native-wechat
配置文檔:
Android配置文檔:https://github.com/yorkie/react-native-wechat/blob/master/docs/build-setup-android.md
Ios配置文檔:https://github.com/yorkie/react-native-wechat/blob/master/docs/build-setup-ios.md
鑒於組件配置已經描述的非常詳細,我在本文中就不在重復敘述,重點看下面的注意事項;
本示例源碼地址:https://github.com/vipstone/react-native-wechat-demo.git
三、注意事項
1.開放平台配置應用信息的時候,本文2-1中的簽名,一定要是使用官方的簽名工具,地址:https://res.wx.qq.com/open/zh_CN/htmledition/res/dev/download/sdk/Gen_Signature_Android2.apk在手機上查看的,要注意:RN項目調試版和發布版簽名是不同的;
2.在配置RN項目的時候,本文2-2里面有一個需要配置“build.gradle”文件的,因為“build.gradle”在Android目錄里面有兩個,一定要看清楚文檔的配置路徑,如果配置出差,會出現項目運行爆紅跑不起來的問題;
3.所有的工作配置完成之后,運行微信分享,微信閃退的問題,RN項目在我調試還有發布版的時候,已經把所有的東西都確認配置正確了,但是分享的時候微信就閃退了,閃退問題的排除:
a).微信開放平台簽名配置是否正常;
b).修改完簽名微信可能有緩存,稍等幾分鍾再試;
c).所有辦法都用完了還不行,這是終極大招:把微信和程序徹底關掉,也可以重啟手機,重啟之后就發現分享不閃退了,一切都好了,原因不詳,應該是某些文件被緩存了或者沒生效,重啟之后權限就生效了,就可以分享出去了(我就是采用這個辦法搞好的)。
如果我的博客對您有幫助,請點擊右下鍵的“推薦”按鈕,謝謝!