企业微信如何实现PC端扫码登录第三方网站

1 登录企业微信 https://work.weixin.qq.com/ 创建应用
2 在应用里需要配置 工作台应用主页 (即扫码后的跳转地址) 和 企业微信授权里的授权回调域 (必须跟跳转地址是相同域名)

这里写图片描述

这里写图片描述

3 开始开发 文档地址

<!DOCTYPE html>
<html lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=utf-8">
    <title>1111</title>
    <script src="http://rescdn.qqmail.com/node/ww/wwopenmng/js/sso/wwLogin-1.0.0.js" type="text/javascript" charset="utf-8"></script>

</head>
<body >
    <div id="code" ></div>

    <script>
        window.WwLogin({
                "id" : "code",  //显示二维码的容器id
                "appid" : "xxxxxx",
                "agentid" : "xxxxxx",  //企业微信的cropID,在 企业微信管理端->我的企业 中查看
                "redirect_uri" :"xxxxxxxxxxxx",   //重定向地址,需要进行UrlEncode
                "state" : "3828293919281",   //用于保持请求和回调的状态,授权请求后原样带回给企业。该参数可用于防止csrf攻击(跨站请求伪造攻击),建议企业带上该参数
                "href" : "",    //自定义样式链接,企业可根据实际需求覆盖默认样式。详见文档底部FAQ

        });
    </script>

</body>
</html>

4 显示效果:
这里写图片描述

5 扫码 : 注意的是必须登录该企业的企业微信后 才能进行扫描

6 扫码后会手机端出现是否登录该应用 , 确定后就会跳转到你配的回调地址中 , 在你的方法中 通过携带的code参数 就可以获取对应的人员信息了

请求方式:GET(HTTPS)
请求地址:https://qyapi.weixin.qq.com/cgi-bin/user/getuserinfo?access_token=ACCESS_TOKEN&code=CODE

7 根据获取的人员信息 就可以进行相应的判断了 结束

©️2020 CSDN 皮肤主题: 大白 设计师:CSDN官方博客 返回首页