准备工作: 配置企业微信应用 及企业微信授权登录配置
企业微信扫码登录:
1.在根目录public文件夹下面的inde.html 文件中下引入js 文件
企业微信: <script src="https://wwcdn.weixin.qq.com/node/open/js/wecom-jssdk-1.3.1.js"></script>
2. 创建容器:
<div class="qr_login" id="qr_login"></div>
3. Js 中配置相关参数 appid, agentid 重定向域名redirect_uri, 会生成一个企业微信二维码,扫码确认后会重定向到对应的域名上,会在成功的回调中返回code,然后调登录的接口,拿生成的code 换取token
4. 然后走正常的登录流程,登录成功后跳转至响应的界面
微信扫码登录:
- 引入js 文件
微信: <script src="http://res.wx.qq.com/connect/zh_CN/htmledition/js/wxLogin.js"></script>
2. 创建容器
<div class="wx_login" id="wx_login"></div>
3. 同企业微信一样配置appid 和 重定向域名,微信没有回调函数,扫码确认后会生成code 拼接到地址栏,需要重定向到相关的页面获取code, 可可以在登录页面通过路由获取地址栏信息,拿到code
4. 通过路由获取code, 换取token,然后走正常的登录流程,登录成功后跳转至响应的界面