admin管理员组

文章数量:1656246

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

现在到我们页面内部:

代码如下:

1、定义一个getUrlKey方法,来判断当前地址是否有code字段。(因为授权过的地址会自动拼上code,一般也就是要拿这个code值传给后端的接口)

2、myAppid是我们的微信appID

3、redirectUrl是我们授权后,页面再次重定向要跳转回来的地址,就是我们当前的页面地址

        let wxUserCode = getUrlKey("code");
        let myAppid = '123456';
        let redirectUrl = 'http://testUrl.ck-dev.haifurong/';

        if (!wxUserCode) {
          // 没有微信code,跳转去获取
          window.location.href = `https://open.weixin.qq/connect/oauth2/authorize?appid=${myAppid}&redirect_uri=${redirectUrl}&response_type=code&scope=snsapi_userinfo`;
        }

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

web微信授权登陆-配置篇

本文标签: 代码web