微信WeixinJSBridge支付，H5微信支付，react 微信支付_react 调用weixinjsbridge(1)

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，涵盖了95%以上物联网嵌入式知识点，真正体系化！

由于文件比较多，这里只是将部分目录截图出来，全套包含大厂面经、学习笔记、源码讲义、实战项目、大纲路线、电子书籍、讲解视频，并且后续会持续更新

如果你需要这些资料，可以戳这里获取

参数解读：

appid=appid（公众号唯一标识）
        redirect_uri=window.location.href（授权后重定向的回调链接地址）
        response_type=code（返回类型，无需更改）
        scope=nsapi_base（snsapi_base ，不弹出授权页面，直接跳转，只能获取用户openid），snsapi_userinfo 弹出授权页        面，可通过openid拿到昵称、性别、所在地。）
        state=STATE（重定向后会带上state参数，开发者可以填写任意参数值）
        #wechat_redirect（无需更改）

这个时候你的页面刷新完之后，redirect_uri的url地址后面就会出现code，效果如下

code说明 ：每次用户授权带上的code将不一样，code只能使用一次，5分钟未被使用自动过期。

2，登录成功，根据code换取openID

如何获取code就不在申明了，直接截取url后面的code，怎么样都可以，方法很多。

取到code之后，请求后台提供的接口，换取openID，

openId是用户在当前公众号下的唯一标识（‘身份证’），就是说通过这个openId，就能区分在这个公众号下具体是哪个用户

3，openID发给后台，以获取微信支付相关配置，getBrandWCPayRequest 里面的配置是从后台取得，这一块和后台协商即可

如下：

      const that = this;
      function onBridgeReady() {
        WeixinJSBridge.invoke(
          'getBrandWCPayRequest', {
            "appId":that.state.data.appId,     //公众号名称，由商户传入
            "timeStamp":that.state.data.timeStamp,//时间戳，自1970年以来的秒数
            "nonceStr":that.state.data.nonceStr, //随机串
            "package":that.state.data.package, //预支付交易码
            "signType":that.state.data.signType,//微信签名方式：
            "paySign":that.state.data.paySign //微信签名
          },
          function(res){
            if(res.err_msg == "get_brand_wcpay_request:ok" ){
              alert("支付成功");


![img](https://img-blog.csdnimg.cn/img_convert/68fc0cd0db4108019c4ae134cd3a10c7.png)
![img](https://img-blog.csdnimg.cn/img_convert/4c7adc6f456c6b513d47ac39898f1a71.png)

**既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，涵盖了95%以上物联网嵌入式知识点，真正体系化！**

**由于文件比较多，这里只是将部分目录截图出来，全套包含大厂面经、学习笔记、源码讲义、实战项目、大纲路线、电子书籍、讲解视频，并且后续会持续更新**

**[如果你需要这些资料，可以戳这里获取](https://bbs.csdn.net/topics/618679757)**

且后续会持续更新**

**[如果你需要这些资料，可以戳这里获取](https://bbs.csdn.net/topics/618679757)**