React Native綁定微信分享/登錄/支付(演示+實現步驟+注意事項)


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).所有辦法都用完了還不行,這是終極大招:把微信和程序徹底關掉,也可以重啟手機,重啟之后就發現分享不閃退了,一切都好了,原因不詳,應該是某些文件被緩存了或者沒生效,重啟之后權限就生效了,就可以分享出去了(我就是采用這個辦法搞好的)。

 

 

如果我的博客對您有幫助,請點擊右下鍵的“推薦”按鈕,謝謝!

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM