[移动开发]web微信授权登录-代码篇

上篇讲了我们做微信授权登录前，需要在微信后台做的一些配置准备。

现在到我们页面内部：

代码如下：

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`;
        }

按上面的操作就能实现微信授权了

web微信授权登陆-配置篇