news 2026/4/12 15:57:17

实战案例:Spring Boot 快实现钉钉扫码登录(不需要企业认证)

作者头像

张小明

前端开发工程师

1.2k 24
文章封面图
实战案例:Spring Boot 快实现钉钉扫码登录(不需要企业认证)

前置条件,准备clientid、clientsecrect密钥、回调地址即可(本地需要自备公网映射)。

实战案例:Spring Boot 快实现钉钉扫码登录

在企业级 OA 系统或内部工具开发中,“钉钉扫码登录”是最高频的需求之一。它能利用钉钉的身份认证体系,免去用户记忆账号密码的烦恼,同时实现企业架构的安全管控。

本文基于Spring Boot 2.x阿里新版 Tea SDK (2.0),还原从配置到代码落地的完整流程,重点解决403权限报错SDK参数类型不匹配等痛点。



一、 核心准备工作 (不做必错)

在写代码之前,必须先在 钉钉开发者后台 完成以下配置。****

1. 权限开通 (关键!)

痛点:代码跑通了,但最后一步获取用户信息时报错 403 Forbidden。

原因:未开通通讯录读取权限。

解决:

进入【应用开发】->【权限管理】,搜索并申请以下权限:

  • 通讯录个人信息读权限(核心:用于获取UnionIdNick,不申请会报 403)
  • 成员信息读权限(建议一并申请)

2. 配置回调域名

规则:前端代码里的redirect_uri必须与后台配置字符级完全一致

  • 开发配置->回调域名
    • 示例:http://domain.com:28088/login/callback# 回调你本地或公网的
    • 注意:请确保包含http://协议头和端口号。

二、 项目依赖配置 (Maven)

<dependencies> <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-web</artifactId> </dependency> <dependency> <groupId>com.aliyun</groupId> <artifactId>dingtalk</artifactId> <version>2.2.40</version> </dependency> <dependency> <groupId>com.aliyun</groupId> <artifactId>tea-openapi</artifactId> <version>0.3.1</version> </dependency> <dependency> <groupId>com.aliyun</groupId> <artifactId>tea-util</artifactId> <version>0.2.16</version> </dependency> </dependencies>

三、 前端实现 (内嵌二维码)

使用钉钉官方提供的ddlogin.js,可以在页面内通过div容器直接渲染二维码,无需跳转页面,体验更佳。

文件index.html

HTML

<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <title>OA系统钉钉扫码登录</title> <script src="https://g.alicdn.com/dingding/h5-dingtalk-login/0.21.0/ddlogin.js"></script> <style> body { display: flex; justify-content: center; align-items: center; height: 100vh; background: #f0f2f5; } #login_box { background: #fff; padding: 20px; border-radius: 8px; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); } </style> </head> <body> <div id="login_box"></div> <script> // 必须与钉钉后台配置的一模一样 const REDIRECT_URI = "http://domain.com:28088/login/callback"; const CLIENT_ID = "dingw6c***sfqjrr"; // 您的ClientId window.DTFrameLogin( { id: 'login_box', width: 300, height: 300, }, { redirect_uri: REDIRECT_URI, client_id: CLIENT_ID, scope: 'openid', // 固定值 response_type: 'code', // 固定值 state: 'my_oa_security_token', // 防止CSRF,生产环境建议随机生成 prompt: 'consent', }, (loginResult) => { // 扫码成功后,钉钉返回 redirectUrl,其中包含了 authCode window.location.href = loginResult.redirectUrl; }, (errorMsg) => { alert("二维码加载失败: " + JSON.stringify(errorMsg)); } ); </script> </body> </html>

四、 后端实现 (核心逻辑)

后端逻辑遵循“Code 换 Token -> Token 换 UserInfo”的标准流程。

package org.example.dingdingscan; import com.aliyun.teaopenapi.models.Config; import com.aliyun.dingtalkoauth2_1_0.Client; import com.aliyun.dingtalkoauth2_1_0.models.*; import com.aliyun.dingtalkcontact_1_0.models.*; import com.aliyun.teautil.models.RuntimeOptions; // 必须引入 import org.springframework.web.bind.annotation.GetMapping; import org.springframework.web.bind.annotation.RequestMapping; import org.springframework.web.bind.annotation.RequestParam; import org.springframework.web.bind.annotation.RestController; @RestController @RequestMapping("/login") public class DingLoginController { // 替换为您的真实配置 private static final String CLIENT_ID = "dingw6cv1****fqjrr"; private static final String CLIENT_SECRET = "uiGdvr7xztEU****uLgmSv0O1nOiPoe0-vmkfYWHxMDAeiDIv42QEFY"; @GetMapping("/callback") public String callback(@RequestParam("authCode") String authCode) { try { // --- 步骤 1:初始化基础配置 --- Config config = new Config(); config.protocol = "https"; config.regionId = "central"; // --- 步骤 2:使用 OAuth2 Client 获取 AccessToken --- Client oauthClient = new Client(config); GetUserTokenRequest tokenRequest = new GetUserTokenRequest() .setClientId(CLIENT_ID) .setClientSecret(CLIENT_SECRET) .setCode(authCode) .setGrantType("authorization_code"); GetUserTokenResponse tokenResponse = oauthClient.getUserToken(tokenRequest); String userAccessToken = tokenResponse.getBody().getAccessToken(); // --- 步骤 3:使用 Contact Client 获取用户信息 --- com.aliyun.dingtalkcontact_1_0.Client contactClient = new com.aliyun.dingtalkcontact_1_0.Client(config); GetUserHeaders headers = new GetUserHeaders(); headers.setXAcsDingtalkAccessToken(userAccessToken); // 【核心修正点】使用 WithOptions 避免参数类型报错 GetUserResponseBody userBody = contactClient.getUserWithOptions( "me", // "me" 代表查询当前用户 headers, new RuntimeOptions() // 运行时参数,不可为 null ).getBody(); // --- 步骤 4:提取核心数据 --- String dingUserId = userBody.getUnionId(); // 全局唯一ID String nick = userBody.getNick(); String avatar = userBody.getAvatarUrl(); // 在此处对接您的 OA 数据库: // select * from sys_user where union_id = dingUserId return "<div style='text-align:center; padding:50px;'>" + "<h2>🎉 登录成功</h2>" + "<img src='" + avatar + "' style='width:64px;border-radius:50%;'><br/>" + "<b>欢迎回来:</b> " + nick + "<br/>" + "<b>UnionId:</b> " + dingUserId + "</div>"; } catch (Exception e) { e.printStackTrace(); return "❌ 登录失败: " + e.getMessage(); // 常见错误如 403 会在这里捕获 } } }

五、 总结与排查速查表

在整个实施过程中,请对照以下表格自查:

错误现象可能原因解决方案
二维码加载不出来前端client_idredirect_uri配置错误检查代码与钉钉后台【回调域名】是否完全一致。
Code: 403 Forbidden接口权限未开通钉钉后台 -> 权限管理 -> 申请“通讯录个人信息读权限”
Maven 找不到包依赖版本过旧或模块拆分错误使用dingtalk聚合包,版本推荐2.2.40
Required String…SDK 方法签名不匹配改用getUserWithOptions替代getUser
手机号为空企业未认证未认证企业通常无法通过 API 获取手机号,建议使用UnionId做账号绑定。

通过以上步骤,成功实现从扫码到获取用户身份**的完整闭环。该方案代码结构清晰,且规避了常见的版本兼容性问题。

版权声明: 本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若内容造成侵权/违法违规/事实不符,请联系邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!
网站建设 2026/4/11 0:53:13

WanaKana:日语字符转换的终极解决方案

WanaKana&#xff1a;日语字符转换的终极解决方案 【免费下载链接】WanaKana Javascript library for detecting and transforming between Hiragana, Katakana, and Romaji 项目地址: https://gitcode.com/gh_mirrors/wa/WanaKana 还在为日语文本处理而烦恼吗&#xff…

作者头像 李华
网站建设 2026/4/9 18:01:13

使用TensorFlow进行音乐生成:LSTM创意应用

使用TensorFlow进行音乐生成&#xff1a;LSTM创意应用 在数字艺术与人工智能交汇的今天&#xff0c;AI作曲已不再是科幻电影中的桥段。你是否曾想过&#xff0c;一段动人的旋律可能出自一个由数千个参数构成的神经网络&#xff1f;当贝多芬式的主题重复、爵士乐的即兴变奏被算法…

作者头像 李华
网站建设 2026/4/9 3:56:40

3步搞定神经网络可视化:告别手绘困扰的专业绘图指南

3步搞定神经网络可视化&#xff1a;告别手绘困扰的专业绘图指南 【免费下载链接】PlotNeuralNet Latex code for making neural networks diagrams 项目地址: https://gitcode.com/gh_mirrors/pl/PlotNeuralNet 还在为绘制复杂的神经网络结构图而头疼吗&#xff1f;从今…

作者头像 李华
网站建设 2026/4/12 14:48:30

html5大文件分片上传插件vue2与vue3版本对比分析

前端老哥外包救星&#xff1a;原生JS大文件上传组件&#xff08;IE9兼容20G断点续传&#xff09; 兄弟&#xff0c;作为甘肃接外包的前端程序员&#xff0c;我太懂你现在的处境了——客户要20G大文件上传&#xff0c;还要文件夹层级保留、IE9兼容、加密传输&#xff0c;预算还…

作者头像 李华
网站建设 2026/4/9 11:01:32

5分钟快速上手Fort Firewall:Windows防火墙配置完整指南

Fort Firewall是一款专为Windows系统设计的高性能防火墙解决方案&#xff0c;通过精细的应用过滤和网络管理功能&#xff0c;帮助用户构建安全的网络环境。本教程将从实战角度出发&#xff0c;带你系统学习这款工具的核心功能配置方法。&#x1f4f1; 【免费下载链接】fort For…

作者头像 李华
网站建设 2026/4/12 14:16:47

TensorFlow Hub上的十大热门预训练模型推荐

TensorFlow Hub上的十大热门预训练模型推荐 在今天&#xff0c;构建一个高性能的AI系统早已不再意味着必须从零开始设计网络、收集海量数据并投入数周时间训练。现实中的大多数项目——无论是电商网站的商品分类、客服聊天机器人的语义理解&#xff0c;还是工厂设备的声音异常检…

作者头像 李华