企业微信服务商扫码登录

准备步骤

申请注册企业微信；
企业注册后，需要申请微信服务商企业微信服务商官网；
PS：上述不是本章的主要内容，不做过多详解
进入服务商后台应用管理–> 登录授权–>设置登录授权发起域名和授权完成回调域名，如果需要使用通讯录权限，需要这个文件放到域名对应的服务器下，如果是boot项目存放到/resources/static文件夹下即可。

开发内容

新建一个页面内容如下：

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>扫码登录授权页</title>
<body>
<div id="code" ></div>
<!--用于测试我就填了两个参数-->
<a href="https://open.work.weixin.qq.com/wwopen/sso/qrConnect?appid=CORPID&redirect_uri=REDIRECT_URI">
<img src="//wwcdn.weixin.qq.com/node/wwopen/wwopenmng/style/images/independent/brand/300x40_blue$cecbbc4e.png" srcset="//wwcdn.weixin.qq.com/node/wwopen/wwopenmng/style/images/independent/brand/300x40_blue_2x$c22687e4.png 2x" alt="企业微信登录"></a>
</body>
</html>

参数说明

参数	必须	说明
appid	是	服务商的CorpID
redirect_uri	是	授权登录之后目的跳转网址，需要做urlencode处理。所在域名需要与授权完成回调域名一致
state	否	用于企业或服务商自行校验session，防止跨域攻击
usertype	否	支持登录的类型。admin代表管理员登录（使用微信扫码）,member代表成员登录（使用企业微信扫码），默认为admin

这样即可产生想要的二维码
扫码结束后，跳转的链接后,通过解析URL可获得一个code，通过code即可进行下一步的操作。附上通过简单的ajax请求，通过code获取登录信息。

    <script>$(function(){var code = GetUrlParam("auth_code");$.ajax({url:'../getUser',dataType:'json',type:'get',async:'false',data:{code:code},success:function(data){$("#userName").text(data.user_info.name);$("#userId").text(data.user_info.userid);$("#corpId").text(data.corp_info.corpid);$("#avatar").attr('src',data.user_info.avatar);}});})function GetUrlParam(paraName) {var url = document.location.toString();var arrObj = url.split("?");if (arrObj.length > 1) {var arrPara = arrObj[1].split("&");var arr;for (var i = 0; i < arrPara.length; i++) {arr = arrPara[i].split("=");if (arr != null && arr[0] == paraName) {return arr[1];}}return "";}else {return "";}}</script>

后端Controller代码：

    @ResponseBody@RequestMapping("/getUser")public String login(@RequestParam(value = "code")String code){String providerToken = tokenCommon.getProviderToken();WxResponseDTO loginInfo = userCommon.getLoginInfo(code, providerToken);//将对象封装成JSON返回页面String rsp = JSONObject.toJSONString(loginInfo);return rsp;}

至此就能成功拿到登录者信息。

PS：博客做为自己工作的一个记录，也希望帮助也需要的人。第一次写，如有不足，敬请谅解！有不解也可留言哦！

企业微信服务商扫码登录相关推荐

微信或企业微信实现扫码登录的三种方式
通过微信或企业微信扫码登录PC管理后台,替代传统的账号.密码登录. 为了完成这个功能,疯狂百度各种扫码登录的技术文章,能实现微信或企业微信扫码登录的方式可以说有三种: 1.注册一个微信资源开放平台账号 ...
企业微信实现扫码登录
一:获取扫码登陆所需的参数:appid,secret,agentid 登录企业微信:https://work.weixin.qq.com/ 扫码登录文档:https://work.weixin.qq. ...
pc端集成企业微信的扫码登录及遇到的问题
集成步骤: 1.在企业微信后台中添加应用 2.记录下应用的相关信息,在后文要用到 3.引入企业微信js 旧版:http://rescdn.qqmail.com/node/ww/wwopenmng/js ...
企业微信第三方扫码登录
为什么写这个文章公司后台突然需要扫码登录,网上的企业微信扫码都是基于自建应用的扫码登录,对第三方的扫码并没有多加介绍概述企业微信的管理员和成员,可通过单点登录机制,登录到第三方网站.第三方可通过 ...
企业微信之——扫码登录
参考文献扫码授权登陆配置企业微信应用设置 1.设置可信域名 ❗️可信域名必须与企业主体相同或相关联 2.设置授权回调域 ❗️授权回调域必须与可信域名一直,如果有设置端口,则端口也要配置一直,详情看 ...
企业微信+esaywechat 扫码授权登录
企业微信+esaywechat 扫码授权登录相关相关这里用的是 Yii2 框架. 安装easywechat: composer require overtrue/wechat:~4.0 -vvv ...
CAS在windows AD下实现企业微信自动扫码登陆的总结
基础名词 CAS(Central Authentication Service),可以看作中心授权服务器 SSO(Single Sign On),单点登录 SSO相关知识同域SSO(blog.212 ...
淘宝和微信的扫码登录实现原理
目录基本技术原理扫码登录功能到底是什么样的? 扫码登录功能的完整技术逻辑 1)网页端与服务器的配合逻辑: 2)手机端与服务器的配合逻辑: 3)登录成功时的逻辑: 4)详细的技术原理总结如下图所示: ...
微信网页扫码登录与微信公众号授权登录的区别
最近着手开发了微信网页扫码登录和公众号授权登录收获颇丰,两者的开发很类似.以下是我个人摸索过程中发现的两者的异同: 两者都可以通过微信客户端扫码授权的方式,让第三方页面获得微信用户的一些基本信息(昵称 ...

企业微信服务商扫码登录

准备步骤

开发内容

企业微信服务商扫码登录相关推荐

最新文章

热门文章