企业微信 / 微信扫码登录实现

准备工作: 配置企业微信应用 及企业微信授权登录配置

企业微信扫码登录:

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. 然后走正常的登录流程,登录成功后跳转至响应的界面

微信扫码登录:

  1. 引入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,然后走正常的登录流程,登录成功后跳转至响应的界面

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 2
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值