企业微信扫码登录

进入企业微信管理者后台:

https://work.weixin.qq.com/wework_admin/frame#index

应用管理 > 自建栏 > 创建一个应用 > 企业微信授权登录 > 设置回调域(只用填写域名, 不要用https或者http开头)

跳转版:

假定当前
企业CorpID：wxCorpId
开启授权登录的应用ID：1000000
登录跳转链接：http://api.3dept.com
state设置为：weblogin@gyoss9

需要配置的授权回调域为：api.3dept.com

根据URL规范，将上述参数分别进行UrlEncode，得到拼接的OAuth2链接为：
https://open.work.weixin.qq.com/wwopen/sso/qrConnect?appid=wxCorpId&agentid=1000000&redirect_uri=http://api.3dept.com&state=weblogin@gyoss9

内嵌版:

引入wx的js文件: https://wwcdn.weixin.qq.com/node/wework/wwopen/js/wwLogin-1.2.7.js

如, 在public文件下的index.html文件中加上:

<script src="https://wwcdn.weixin.qq.com/node/wework/wwopen/js/wwLogin-1.2.7.js"></script>

(保存js中的代码到本地文件再引入也行)

在要用到的vue中, 找个地方放一个div:

    <div id="wxlogin" style="height: 200px; width: 200px">

在mounted中加入:(里面的id要和div的id保持一致哦)

    this.wwLogin = new WwLogin({
      id: 'wxlogin',
      appid: 'wwa99fec70a5484763', // 填你的企业微信企业id
      agentid: '1000019', // 填你的自建应用id
      redirect_uri: 'https://1b6d-210-0-158-207.ngrok.io',// 填你的可信域名里的跳转链接，一定要有http或者https
      href: "data:text/css;base64,LmltcG93ZXJCb3ggLnFyY29kZSB7d2lkdGg6IDE2MHB4O30KLmltcG93ZXJCb3ggLnRpdGxlIHtkaXNwbGF5OiBub25lO30KLmltcG93ZXJCb3ggLmluZm8ge2Rpc3BsYXk6IG5vbmU7fQouc3RhdHVzX2ljb24ge2Rpc3BsYXk6IG5vbmUgICFpbXBvcnRhbnR9Ci5pbXBvd2VyQm94IC5zdGF0dXMge3RleHQtYWxpZ246IGNlbnRlcjt9IA=="
      // state: '',
      // href: '',
      // lang: 'zh'
    });

其中, href属性不填的话, 最终显示的二维码样式为企业微信的默认样式.

填的话需要符合以下格式:

(自定义二维码样式)

二维码样式

二维码标题样式

二维码底部信息样式

状态图标样式

状态样式

.impowerBox .qrcode {width: 160px;}
.impowerBox .title {display: none;}
.impowerBox .info {display: none;}
.status_icon {display: none  !important}
.impowerBox .status {text-align: center;} 

data:text/css;base64,加上以上css代码经过Base64编码之后的结果

剩余更多请看官方文档: 开始开发 - 接口文档 - 企业微信开发者中心