H5的微信登陆
文档:https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/Wechat_webpage_authorization.html
h5的微信登陆 是需要在微信公众号平台上申请(是服务号不是订阅号)AppID
申请完成过后(点击以下图查看是否获取了登陆权限)
点击后面的修改配置网页授权登陆过后的回跳地址
(Js接口安全域名 后面微信支付的时候会用到)
下面是跳转的方式
以上H5微信登陆就完成了
测试:刚开始的时候开发的时候,很懵,最开始测试是用手机微信和电脑微信连接 他们
有一个共同连接的,但是只能拿到code(不能直接跳转到页面),拿到code 再去操作下面的
其实有一个很简单的测试方法: 下一个微信开发者工具(不过要授权哦)选择公众号
在这里面授权
然后找到本地的hosts文件 映射 因为hosts文件只能映射80端口(我的其它端口不能被映射)
映射过后 你就可以在微信开发者工具里面操作了
H5微信支付(以下支付是在微信浏览器上被调用,其它浏览器不支持)
H5的支付有2种方式(https://pay.weixin.qq.com/wiki/doc/api/index.html)
第一种: JsApi 支付 https://pay.weixin.qq.com/wiki/doc/api/jsapi.php?chapter=7_7&index=6
第二种: JS-SDK https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/JS-SDK.html
我用的是第二种
1.先引入sdk
2.要先验证权限(需要使用JS-SDK的页面必须先注入配置信息,否则将无法调用)
3.在吊起微信支付
在微信开发者工具中 不能微信支付测试
RN
使用的是 react native wechart
https://www.jianshu.com/p/6a792118fae4
配置跟着github 上配置的ios和android
附: 支付宝使用 @0x5e/react-native-alipay
H5 用的是生活号 App配置的移动应用(不是第三方)