企業微信掃一掃登錄配置

 

那么這種情況開發人員將如何配置呢？

第一步:要有企業微信賬戶，並開通相關功能（這里去看企業微信相關配置，筆者並沒有自己去配），在企業微信里找到 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已經全部加載）