官方API文档:https://work.weixin.qq.com/api/doc/90000/90135/91020
步骤一:引入JS文件
在需要展示企业微信网页登录二维码的网站引入如下JS文件,(支持https):
http://rescdn.qqmail.com/node/ww/wwopenmng/js/sso/wwLogin-1.0.0.js
步骤二:在需要使用微信登录的地方实例JS对象
window.WwLogin({
"id" : "wx_reg",
"appid" : "",
"agentid" : "",
"redirect_uri" :"",
"state" : "",
"href" : "",
});
参数说明
参数 | 必须 | 说明 |
---|---|---|
id | 是 | 企业页面显示二维码的容器id |
appid | 是 | 企业微信的CorpID,在企业微信管理端查看 |
agentid | 是 | 授权方的网页应用ID,在具体的网页应用中查看 |
redirect_uri | 是 | 重定向地址,需要进行UrlEncode |
state | 否 | 用于保持请求和回调的状态,授权请求后原样带回给企业。该参数可用于防止csrf攻击(跨站请求伪造攻击),建议企业带上该参数,可设置为简单的随机数加session进行校验 |
href | 否 | 自定义样式链接,企业可根据实际需求覆盖默认样式。详见文档底部FAQ |
实例代码:
一开始我引入的是http的,报错了,对象不支持window.WwLogin 属性或方法。换成https就可以了。
实例代码中参数都是写死的,可将参数放在配置文件或者后台代码中,异步请求拿到参数放入js中。
后台代码: