Vue

Vue 微信扫码登录流程

2021-05-17  本文已影响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获取用户信息
上一篇 下一篇

猜你喜欢

热点阅读