美文网首页Vue
Vue 微信扫码登录流程

Vue 微信扫码登录流程

作者: 逗婆苍穹 | 来源:发表于2021-05-17 16:12 被阅读0次

    首先,你需要向后台发送一次请求,用来获取 appid 和 redirect_uri;
    接下来 代码如下:

        let url = "https://open.weixin.qq.com/connect/qrconnect?appid=你的appId&redirect_uri=" +
        encodeURIComponent("后台返回得重定向地址") +
        "&response_type=code&scope=snsapi_login&state=STATE#wechat_redirect";
      window.location.href = url;
        
     执行完以上操作后台就会得到token,但前端怎么获取呢?
       1.前端需要告诉后台一个空白页得路由地址;
       2.后台会让页面跳转到这个地址,也就是你项目上得某一个路由下;
       3.在这个页面内,地址栏是这样的  http:// 192.168.100.xx?token=********* ,通过this.$route.query获取即可
       4.有了token后边得就知道该怎么做了吧?通过token获取用户信息

    相关文章

      网友评论

        本文标题:Vue 微信扫码登录流程

        本文链接:https://www.haomeiwen.com/subject/ysvjjltx.html