微信h5登录php,vue实现微信授权登录步骤详解

这次给大家带来vue实现微信授权登录步骤详解，vue实现微信授权登录的注意事项有哪些，下面就是实战案例，一起来看一下。

背景

vue前后端分离开发微信授权

场景

app将商品分享到微信朋友圈或者分享给微信好友，用户点击页面时进行微信授权登陆，获取用户信息。

问题：没有固定的h5应用首页。授权后重定向url带参数并且很长

本人愚钝，开发过程中，尝试过很多方法，踩坑不足以形容我的心情，可以说每一次都是一次跳井的体验啊。

1.一开始是前端请求微信连接，返回code，然后code作为再去请求后台接口获取token，后面看到别人的博客说这个方法不好，最好就是直接请求后台接口，然后后台返回url做跳转，所以就采用了最传统的方法，后台返回url，前台跳转。async ReturnGetCodeUrl() {

let {

data

} = await getWxAuth({});

if (data.status == 200) {

window.location.href = data.url;

// 返回的结果

// redirect_uri重定向的url是后台的地址，后台就是可拿到code，获取token

// https://open.weixin.qq.com/connect/oauth2/authorizeappid=xxxxxxxxxxxxxxxxxx&redirect_uri=***url***&response_type=code&