上一篇讲了怎么创建自建应用,现在说说一下前端展示部分。
<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了。
,