企业微信H5_身份验证,PC网站企业微信扫码授权登录

企业微信H5_身份验证,PC网站企业微信扫码授权登录
在这里插入图片描述

文章目录

          • 一、扫码登录配置
            • 1. 企业微信扫码登录接入流程
            • 2. 企业微信扫码登录接入流程拆解
            • 3. 开启网页授权登录
          • 二、实战演练
            • 2.1. 用户发起流程
            • 2.2. 构造授权链接
            • 2.3. 显示扫码二维码
            • 2.4. 用户扫码
            • 2.5. 用户确认登录
            • 2.6. 回调前端携带code
            • 2.7.携带code请求后端
            • 2.8.接收code获取用户信息
            • 2.9.获取用户id
            • 2.10. 获取用户详情
            • 2.11. 用户详情展示
          • 三、源码分享
            • 3.1. 后端源码
            • 3.2. 前端源码

一、扫码登录配置

官网文档： https://developer.work.weixin.qq.com/document/path/91025

1. 企业微信扫码登录接入流程

在这里插入图片描述

2. 企业微信扫码登录接入流程拆解

在这里插入图片描述

步骤如下->
①用户->访问->前端

②前端->构造登录链接请求->后端API获取企业微信扫码登录链接

③后端API->返回生成REDIRECT_URI及app_id等信息的企业微信oauth授权链接->前端重定向->企业微信网站展示扫描二维码

④用户->使用微信扫码并确认授权->企业微信网站

⑤企业微信网站->返回用户登录成功->用户

⑤企业微信网站->携带code回调->前端

⑥前端->携带code请求后端API->请求

⑦后端API->请求企业微信API->获取用户简要信息->后端API

⑧后端API->携带userid请求企业微信API->获取用户详细信息->后端API

⑨后端API->携带详细信息响应->前端

3. 开启网页授权登录

企业微信管控台配置
企业微信管控台：https://work.weixin.qq.com/wework_admin/frame#contacts
登录 企业管理端后台->进入需要开启的自建应用->点击 “企业微信授权登录”，进入如下页面
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
然后点击 “设置授权回调域”，输入回调域名，点击“保存”。
要求配置的授权回调域，必须与访问链接的域名完全一致

二、实战演练

真实场景，应该是用户点击某个链接或者按钮触发扫码流程
官网文档： https://developer.work.weixin.qq.com/document/path/91025

2.1. 用户发起流程

①用户->访问->前端
②前端->构造登录链接请求->后端API获取企业微信扫码登录链接
在这里插入图片描述

2.2. 构造授权链接

③后端API->返回生成REDIRECT_URI及app_id等信息的企业微信oauth授权链接->前端重定向->企业微信网站展示扫描二维码

在这里插入图片描述
在这里插入图片描述

2.3. 显示扫码二维码

④用户->使用微信扫码并确认授权->企业微信网站

在这里插入图片描述

2.4. 用户扫码

⑤企业微信网站->返回用户登录成功->用户

在这里插入图片描述

2.5. 用户确认登录

在这里插入图片描述

2.6. 回调前端携带code

⑤企业微信网站->携带code回调->前端

在这里插入图片描述

2.7.携带code请求后端

⑥前端->携带code请求后端API->请求

在这里插入图片描述

2.8.接收code获取用户信息

⑦后端API->请求企业微信API->获取用户简要信息->后端API
在这里插入图片描述

2.9.获取用户id

⑧后端API->携带userid请求企业微信API->获取用户详细信息->后端API
在这里插入图片描述

2.10. 获取用户详情

⑨后端API->携带详细信息响应->前端

在这里插入图片描述

2.11. 用户详情展示

在这里插入图片描述
在这里插入图片描述

{"errcode": 0,"gender": "1","is_leader_in_dept": [0],"direct_leader": [],"userid": "ZeXin","thumb_avatar": "http://wx.qlogo.cn/mmhead/Q3auHgzwzM4de1RtaqgB6CTZ1mOMTFK9JH8brF8FZlqJP20rcuyTFA/132","enable": 1,"qr_code": "https://open.work.weixin.qq.com/wwopen/userQRCode?vcode=vce2609ebe698837fd","alias": "泽昕","department": [1],"biz_mail": "zexin@zxkjgfyxgs10.wecom.work","email": "gblfy002@163.com","order": [0],"isleader": 0,"address": "北京市通州区华馨园6楼号","mobile": "13396492261","errmsg": "ok","telephone": "88888888","avatar": "http://wx.qlogo.cn/mmhead/Q3auHgzwzM4de1RtaqgB6CTZ1mOMTFK9JH8brF8FZlqJP20rcuyTFA/0","hide_mobile": 0,"main_department": 1,"token": "tobdeveyJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ0b2JkZXYiLCJ1c2VyX2lkIjoiWmVYaW4iLCJ1c2VyX25hbWUiOiLms73mmJUiLCJ1c2VyX3R5cGUiOjAsImlhdCI6MTY0NTk1MDkwMiwiZXhwIjoxNjQ2NTU1NzAyfQ.aaIP3AOEA3GyeZwROVfVVjPRPD77NC_FtcbTj8riZTA","name": "泽昕","extattr": {"attrs": []},"position": "项目经理","external_profile": {"external_attr": [],"external_corp_name": ""},"status": 1
}
三、源码分享
3.1. 后端源码

后端：https://gitee.com/gblfy/qywx-inner-java
在这里插入图片描述

3.2. 前端源码

前端：https://gitee.com/gblfy/qywx-vuejs
在这里插入图片描述ps://gitee.com/gblfy/qywx-vuejs)

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.mzph.cn/news/515988.shtml

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈email:809451989@qq.com，一经查实，立即删除！

相关文章

深根固柢 云起磐石——移动云大云磐石服务器重磅推出

深根固柢 云起磐石——移动云大云磐石服务器重磅推出

中国移动云能力中心在2020年中国移动全球合作伙伴大会移动云分论坛上，发布了新型自研软硬融合弹性计算架构——大云磐石服务器。该架构以自主设计的可编程芯片HyperCard和轻量级Hypervisor为核心，将存储、网络虚拟化能力卸载到硬件芯片，彻底突…
阅读更多...
面向大数据与云计算调度挑战的阿里经济体核心调度系统

面向大数据与云计算调度挑战的阿里经济体核心调度系统

编者按 伏羲（Fuxi）是十年前最初创立飞天平台时的三大服务之一（分布式存储 Pangu，分布式计算 MaxCompute，分布式调度 Fuxi），当时的设计初衷是为了解决大规模分布式资源的调度问题（本…
阅读更多...
企业微信_读取成员（获取用户详情）

企业微信_读取成员（获取用户详情）

接上一篇：企业微信H5_身份验证,H5应用网页授权登录获取身份 这篇获取用户详情信息,是在上一篇（我们已经获取到用户的简要信息）基础上做的。 文章目录一、官网文档1. 阅读官网文档2. 接口地址和参数3. 重点说明二、实战演练三、代码讲解3.1. 获…
阅读更多...
智算中心新基建 浪潮首发智算中心操作系统

智算中心新基建 浪潮首发智算中心操作系统

2020年11月25日，“远见卓实 践所未见”浪潮云海创新论坛2020在济南召开。会议分享了浪潮对于前沿科技的创新洞见，并以扎实可靠的落地实践为用户呈现技术的商业价值。 会上，浪潮全球首发智算中心操作系统，信通院、OIF、Globaldata…
阅读更多...
新基建来了！5G边缘计算如何展现勃勃生机？

新基建来了！5G边缘计算如何展现勃勃生机？

最近“新基建”是个热词，那么新基建到底是什么？与之紧密相关的5G何去何从？这给边缘计算带来了什么机遇？边缘计算的生态产业链条是怎样的？它的典型特征和经济效益是什么？本文将为大家带来分享。 新基建是什…
阅读更多...
企业微信H5_网页jssdk调用，ticket签名config及示例

企业微信H5_网页jssdk调用，ticket签名config及示例

文章目录一、验证域名归属校验1. 阅读文档2. 配置公网域名3. 登录企业微信管控台4. 选择自建应用5. 网页授权及JS-SDK6. 填写公网域名7.下载校验文件8. 校验文件移动9. 启动前端项目10. 浏览器校验11. 域名校验12. 应用主页二、前端代码实战2.1. 引入JS文件2.2.权限验证配置三、…
阅读更多...
十强决赛即将拉开帷幕！TECHSPARK星星之火IT创新大赛诚邀您观赛

十强决赛即将拉开帷幕！TECHSPARK星星之火IT创新大赛诚邀您观赛

11月28日，作为湾区创见网络安全大会的重磅环节，TECHSPARK星星之火IT创新大赛十强决赛将拉开帷幕。在本次十强决赛中，参赛公司将进行项目路演，评委将按照技术、产品、市场与客户等维度进行评分，并最终评选出冠亚季军。获…
阅读更多...
阿里云容器服务发布 Knative 托管服务

阿里云容器服务发布 Knative 托管服务

作者 | 何淋波、丁海洋、陈有坤 业界要闻 阿里云容器服务发布 Knative 托管服务 Knative 是 Kubernetes 生态最流行的 Serverless 编排框架。可 Knative 的 Controller 和依赖的网关这些常驻实例需要支付额外的 IaaS 成本和运维成本，这给应用的 Serverless 化带来…
阅读更多...
企业微信H5_网页jssdk调用 判断当前客户端版本是否支持指定JS接口

企业微信H5_网页jssdk调用 判断当前客户端版本是否支持指定JS接口

接上一篇：企业微信H5_网页jssdk调用，ticket签名config及示例https://gblfy.blog.csdn.net/article/details/123170569 文章目录一、接入环境1. 阅读文档2. 接入要求二、前端接入和调试2.1. 代码效果2.2. 实战演练2.3. 信息分析2.4. 真实用途三、源码分享…
阅读更多...
Apache RocketMQ 的 Service Mesh 开源之旅

Apache RocketMQ 的 Service Mesh 开源之旅

作者 | 凌楚 阿里巴巴开发工程师 导读：自 19 年底开始，支持 Apache RocketMQ 的 Network Filter 历时 4 个月的 Code Review（Pull Request），于本月正式合入 CNCF Envoy 官方社区（RocketMQ Proxy Filter 官…
阅读更多...
企业微信H5_网页jssdk调用 config和agentconfig的区别

企业微信H5_网页jssdk调用 config和agentconfig的区别

文章目录一、文档阅读1. 企业微信JS-SDK作用2. config 接口注入权限3. agentConfig注入应用的权限二、二者区别1.引入js不同2. 参数个数不一样3. 获取应用的jsapi_ticket4. 支持的接口5. 效果演示三、源码分享3.1. 后端源码3.2. 前端源码一、文档阅读 1. 企业微信JS-SDK作用 …
阅读更多...
阿里云飞天洛神2.0：开放弹性的云网络NFV平台

阿里云飞天洛神2.0：开放弹性的云网络NFV平台

云网络架构 阿里云操作系统叫飞天，云网络平台称为洛神。作为飞天系统的核心组件，洛神平台支撑了超大规模租户、超大规模虚拟机的高性能云网络。 洛神平台由很多网络设备组成，在架构上主要可以分为两类：虚拟交换机AVS和各种网关设…
阅读更多...
深源恒际医疗票据OCR落地九省市 服务范围覆盖过半市场

深源恒际医疗票据OCR落地九省市 服务范围覆盖过半市场

近年来，我国健康险市场规模持续保持高增长。银保监会最新统计数据显示，2019年中国健康险业务原保险保费收入6564亿元，同比增长29.75%。同时，随着民众风险保障意识的不断提升，未来健康险仍有巨大的潜在增长空间。据天风…
阅读更多...
企业微信H5_网页jssdk调用 agentconfig选人选照片等案例演示

企业微信H5_网页jssdk调用 agentconfig选人选照片等案例演示

文章目录一、验证域名归属校验1. 阅读文档2. 配置公网域名3. 登录企业微信管控台4. 选择自建应用5. 网页授权及JS-SDK6. 填写公网域名7.下载校验文件8. 校验文件移动9. 启动前端项目10. 浏览器校验11. 域名校验12. 应用主页二、前端代码实战2.1. 引入JS文件2.2.权限验证配置三、…
阅读更多...
Flink 1.10 细粒度资源管理解析

Flink 1.10 细粒度资源管理解析

相信不少读者在开发 Flink 应用时或多或少会遇到在内存调优方面的问题，比如在我们生产环境中遇到最多的 TaskManager 在容器化环境下占用超出容器限制的内存而被 YARN/Mesos kill 掉[1]，再比如使用 heap-based StateBackend 情况下 State 过大导致 GC 频…
阅读更多...
一文告诉你雾计算与云计算的区别及对物联网的价值！

一文告诉你雾计算与云计算的区别及对物联网的价值！

作者 | Victoria Puzhevich翻译 | 风车云马，责编 | 晋兆雨出品 | CSDN云计算头图 | 付费下载于视觉中国雾计算是一种分布式计算结构。将数据和应用程序等资源放置在数据源和云之间的逻辑位置。雾计算的优点之一是让许多用户同时连接到互联网上。从本质上说&#xff…
阅读更多...
企业微信H5_消息推送概述,发送应用消息示例

企业微信H5_消息推送概述,发送应用消息示例

文章目录一、阅读和调试1. 文档阅读2. postman发送消息二、实战演练2.1. 发送消息2.2. 前端代码2.3. 后端代码2.4. 发送文本消息2.5. 接收消息三、源码分享3.1. 后端源码3.2. 前端源码一、阅读和调试 1. 文档阅读 文档链接：https://developer.work.weixin.qq.com/…
阅读更多...
linux部署springboot项目及后台执行linux命令的两种方式

linux部署springboot项目及后台执行linux命令的两种方式

linux部署springboot项目及后台执行linux命令的两种方式 1.将springboot项目打成jar包 这里推荐两种方法: 第一种:在idea的terminal窗口执行命令:mvn package spring-boot:repackage 第二种:在maven的Lifestyle中点击package打包 打好的jar包会在target目录下. 2.将jar包复…
阅读更多...
FAST20 论文学习

FAST20 论文学习

BCW: Buffer-Controlled Writes to HDDs for SSD-HDD Hybrid Storage Server 原文地址 为了兼顾访问性能和硬件成本，目前有不少的存储系统都采用了混合存储（Hybrid Storage），使用 SSD 来提供微秒级访问，配合 HDD 来降…
阅读更多...
企业微信H5_消息推送接收消息回调配置、内网穿透到本地

企业微信H5_消息推送接收消息回调配置、内网穿透到本地

文章目录一、环境准备1. 阅读文档2. 登录管控台3. 编辑配置4. 内网穿透5. 测试案例6. 公网访问验证7. 保存配置8. 验证URL有效性二、源码分享2.1. 后端源码2.2. 前端源码一、环境准备 1. 阅读文档 官网文档：https://developer.work.weixin.qq.com/document/path/9…
阅读更多...
推荐文章
最新文章

Copyright @ 2022~2023