实现企业微信扫码授权登录

楔子

有同学反馈企业微信密官方代码示例中的扫码授权登录部分没有了，于是有了本教程。

实战

构造企业微信登录链接

企业CorpID：WWCorpId
开启授权登录的应用ID：1000000
登录跳转链接：http://work.weixin.qq.com
state设置为：WWLogin
需要配置应用授权回调域名为：work.weixin.qq.com
根据URL规范，将上述参数分别进行UrlEncode，得到拼接的登录链接为：
https://login.work.weixin.qq.com/wwlogin/sso/login?login_type=CorpApp&appid=WWCorpId&agentid=1000000&redirect_uri=http%3A%2F%2Fwork.weixin.qq.com&state=WWLogin

通过 JavaScript 打开此 URL

window.location.href = "https://login.work.weixin.qq.com/wwlogin/sso/login?login_type=CorpApp&appid=WWCorpId&agentid=1000000&redirect_uri=http%3A%2F%2Fwork.weixin.qq.com&state=WWLogin"

企业微信成员扫码授权后，浏览器会携带授权码自动重定向至构造中的redirect_uri。

在重定向的网站中拿到授权码后，调用获取访问用户身份接口即可，参考获取访问用户身份 – 文档 – 企业微信开发者中心 (qq.com)

参考文档

Web登录组件 – 文档 – 企业微信开发者中心 (qq.com)

获取访问用户身份 – 文档 – 企业微信开发者中心 (qq.com)