H5微信登陆和支付 及 RN的APP登陆和支付（前端）

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配置的移动应用（不是第三方）