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

<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的域名部分需要与企业微信中设置的回调域名一致

web前端做二维码(使用企业微信登录个人网站之)(1)

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

web前端做二维码(使用企业微信登录个人网站之)(2)

,