React Native系列——微信分享

一、使用步骤

1、下载插件

下载react-native-wechat这个插件,并按照文档修改原生项目的配置和代码

github地址:https://github.com/weflex/react-native-wechat

2、在微信开放平台注册账号并新建应用

微信开放平台:https://open.weixin.qq.com/

 

 

 

 

审核成功后,你便获得了AppID和AppSecret

3、包名的获取

204756_VjcP_1416844.png

4、应用签名的获取

(1)、应用签名可以通过一个小工具获得,工具下载地址:https://open.weixin.qq.com/zh_CN/htmledition/res/dev/download/sdk/Gen_Signature_Android.apk

(2)、将小工具安装到手机,打开并输入应用包名获取签名

(3)、参考文章:

http://www.cnblogs.com/ayanmw/p/3721858.html

http://my.oschina.net/u/816213/blog/685762

http://www.cnblogs.com/ayanmw/p/3720804.html

其实我是做前端的,对于签名不太懂。

5、项目中的代码

211509_Eu6k_1416844.png

 

211554_qXeR_1416844.png

 

更多的方法请查看github官网和issues的问题。

6、分享结果

215038_GNvc_1416844.png

 

215049_FSyx_1416844.png

二、特别注意

1、 这些插件最基本的功能就是分享朋友圈,微信支付和微信登录都需要300块钱/年的注册费用。

2、 大家需要到微信开放平台上注册一个app项目,然后获取appid才能够使用,我开始有微信公众平台的账号,这个和微信开放平台不通用。

3、官网上面使用了async await方法,我最开始是用箭头函数的写法定义的自己的函数,这个await就编译不过去了,一直报错,后来改为普通的es6的写法定义函数就可以编译过去了

4、有时候分享不成功是因为分享的照片大小是有限制的

5、另外两个插件

①react-native-wechat-android

https://github.com/beefe/react-native-wechat-android

②react-native-wechat.ios

https://github.com/beefe/react-native-wechat-ios

免责说明

1、本博客中的文章摘自网上的众多博客,仅作为自己知识的补充和整理,并分享给其他需要的coder,不会用于商用。

2、因为很多博客的地址看完没有及时做保存,所以很多不会在这里标明出处,非常感谢各位大牛的分享,也希望大家理解。

 

转载于:https://my.oschina.net/u/1416844/blog/687208

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值