使用企业微信登录个人网站之:二、html前端二维码展示

上一篇讲了怎么创建自建应用，现在说说一下前端展示部分。

<div class="login_name">
<p>运维管理系统</p>
<p id="wx_reg"></p>
</div>
<script src="http://rescdn.qqmail.com/node/ww/wwopenmng/js/sso/wwLogin-1.0.0.js"></script>
<script>
window.WwLogin({
"id" : "wx_reg", #企业页面显示二维码的容器id
"appid" : "XXXXXX", #企业微信的ID
"agentid" : "XXXXXX", #应用agentID
"redirect_uri" :"http://XXXXXXXX/wx_login", #是重定向地址，需要进行UrlEncode（就是扫码成功后会访问这个页面）
"state" : "wx_reg_xxxx", #否用于保持请求和回调的状态，授权请求后原样带回给企业。该参数可用于防止csrf攻击
"href" : "", #否自定义样式链接，可根据实际需求覆盖默认样式
});

在login页面中设置以上信息，二维码展示部分就完成了。

注意：重定向url的域名部分需要与企业微信中设置的回调域名一致

这时候用户已经可以扫描二维码，并在扫描成功后访问重定向的url了。