企业微信扫一扫登录配置

大家可能经常会用到企业微信登录某个应用，如下面所示的公司OA系统，就需要扫一扫登录：

 

那么这种情况开发人员将如何配置呢？

第一步:要有企业微信账户，并开通相关功能（这里去看企业微信相关配置，笔者并没有自己去配），在企业微信里找到 agentId和appId

第二步：在html部分插入如下代码

<div id="js-layout-login-login-wechat-qrcode" class="layout_qrcode" />

第三步：在页面的javascript部分插入如下代码：

<script>
    const defaultWechatConfig = {
      // 企业微信配置
      agentId: '1******5',//企业微信内自行获取
      appId: "ww2cb******9c33965",//企业微信内自行获取
      callbackUrl: "https://oa.*****.com/api/login/oauth-callback",//企业微信内自行配置获取
      state: "https://oa.****.com"//企业微信内自行配置获取
    };

    function loadScript(callback) {
      let s = document.createElement("script");
      s.setAttribute(
        "src",
        "http://rescdn.qqmail.com/node/ww/wwopenmng/js/sso/wwLogin-1.0.0.js"
      );
      document.head.appendChild(s);
      s.onload = function() {
        callback();
      };
    }

    loadScript(function() {
      var w = defaultWechatConfig;
      window.WwLogin({
        id: "js-layout-login-login-wechat-qrcode",
        appid: w.appId,
        agentid: w.agentId,
        redirect_uri: w.callbackUrl,
        state: w.state
      });
    });




</script>

至此页面上就可以看到文章开始时的二维码画面（注意js应该写在页面body元素的结束前，以保证html已经全部加载）