上篇讲了我们做微信授权登录前,需要在微信后台做的一些配置准备。
现在到我们页面内部:
代码如下:
1、定义一个getUrlKey方法,来判断当前地址是否有code字段。(因为授权过的地址会自动拼上code,一般也就是要拿这个code值传给后端的接口)
2、myAppid是我们的微信appID
3、redirectUrl是我们授权后,页面再次重定向要跳转回来的地址,就是我们当前的页面地址
let wxUserCode = getUrlKey("code");
let myAppid = '123456';
let redirectUrl = 'http://testUrl.ck-dev.haifurong.cn/';
if (!wxUserCode) {
// 没有微信code,跳转去获取
window.location.href = `https://open.weixin.qq.com/connect/oauth2/authorize?appid=${myAppid}&redirect_uri=${redirectUrl}&response_type=code&scope=snsapi_userinfo`;
}
按上面的操作就能实现微信授权了