更新于 2025-09-10当应用需要代表登录用户调用DingTalk OpenAPI对资源进行操作时,可参考本文的流程获取调用API操作资源的访问凭证。
说明
企业内部应用与三方企业应用实现流程类似,本文档以企业内部应用实现流程为例。
登录钉钉开发者后台。
进入已创建的应用详情页,在基础信息页面可以查看到应用的SuiteKey/SuiteSecret(第三方企业应用)或AppKey/AppSecret(企业内部应用)。
在应用详情页,单击开发配置 > 安全设置,填写重定向URL(回调域名)。
重定向 URL 为你后续登录授权后,预期跳转的地址。
当要代表用户使用DingTalk OpenAPI读取和写入资源,需要通过OAuth 2.0授权流程完成授权。OAuth 2.0授权的流程如下图所示。
构造登录授权页面。页面参数如下:
重要
为了方便阅读,以下参数示例做了换行处理。正常情况下无需进行参数换行。
参数value必须要做urlencode,以下示例已经进行urlencode。
1
2
3
4
5
6
7
https://login.dingtalk.com/oauth2/auth?
redirect_uri\=https%3A%2F%2Fwww.aaaaa.com%2Fa%2Fb
&response_type\=code
&client_id\=dingbbbbbbb
&scope\=openid corpid
&state\=dddd
&prompt\=consent
Enter to Rename, ⇧Enter to Preview
| 参数 | 是否必填 | 说明 |
|---|---|---|
| redirect_uri | 是 | 授权通过/拒绝后回调地址。 |
重要
需要与注册应用时登记的域名保持一致。 | | response_type | 是 | 固定值为code。
授权通过后返回authCode。 | | client_id | 是 | 步骤一中创建的应用详情中获取。
企业内部应用:client_id为应用的AppKey。
第三方企业应用:client_id为应用的SuiteKey。 | | scope | 是 | 授权范围,授权页面显示的授权信息以应用注册时配置的为准。
当前只支持两种输入:
openid:授权后可获得用户userid
openid corpid:授权后可获得用户id和登录过程中用户选择的组织id,空格分隔。注意url编码。 | | prompt | 是 | 值为consent时,会进入授权确认页。 | | state | 否 | 跟随authCode原样返回。 | | org_type | 否 | 控制输出特定类型的组织列表,org_type=management 表示只输出有管理权限的组织。
重要
scope包含corpid时该参数存在意义。 | | corpId | 否 | 用于指定用户需要选择的组织。
重要
scope包含corpid时该参数存在意义。
传入的corpId需要是当前用户所在的组织。 | | exclusiveLogin | 否 | true表示专属账号登录,展示组织代码输入页。 | | exclusiveCorpId | 否 | 开启了专属账号功能的组织corpId。
重要
exclusiveLogin为true时该参数存在意义,
表示直接进入该组织的登录页 |
成功时跳转到:https://www.aaaaa.com/a/b?authCode=xxxx&state=dddd
失败时跳转到:https://www.aaaaa.com/a/b?error=yyyyyy&state=dddd
警告
嵌入二维码的页面必须和redirect_uri参数所指定的页面“同源”,否则扫码后会没有反应,“同源”指:协议相同、二级或三级域名相同、端口号相同等。详情请参考文档浏览器的同源策略。
在页面中引入钉钉扫码登录JSSDK。
1
Enter to Rename, ⇧Enter to Preview
在需要引入扫码登录的地方,调用如下方法。
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
/* STEP2:指定这个包裹容器元素的CSS样式,尤其注意宽高的设置 */
.self-defined-classname {
width: 300px;
height: 300px;
}
// STEP3:在需要的时候,调用 window.DTFrameLogin 方法构造登录二维码,并处理登录成功或失败的回调。
window.DTFrameLogin(
{
id: 'self_defined_element',
width: 300,
height: 300,
},
{
redirect_uri: encodeURIComponent('http://www.aaaaa.com/a/b/'),
client_id: 'dingxxxxxxxxxxxx',
scope: 'openid',
Enter to Rename, ⇧Enter to Preview
参数说明((TypeScript语言描述)):
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
// ********************************************************************************
// window.DTFrameLogin方法定义
// ********************************************************************************
window.DTFrameLogin: (
frameParams: IDTLoginFrameParams, // DOM包裹容器相关参数
loginParams: IDTLoginLoginParams, // 统一登录参数
successCbk: (result: IDTLoginSuccess) \=> void, // 登录成功后的回调函数
errorCbk?: (errorMsg: string) \=> void, // 登录失败后的回调函数
) \=> void;
// ********************************************************************************
// DOM包裹容器相关参数
// ********************************************************************************
// 注意!width与height参数只用于设置二维码iframe元素的尺寸,并不会影响包裹容器尺寸。
// 包裹容器的尺寸与样式需要接入方自己使用css设置
interface IDTLoginFrameParams {
id: string; // 必传,包裹容器元素ID,不带'#'
width?: number; // 选传,二维码iframe元素宽度,最小280,默认300
height?: number; // 选传,二维码iframe元素高度,最小280,默认300
}
Enter to Rename, ⇧Enter to Preview
使用返回的auth_code和应用的信息,调用获取用户token接口得到access_token。
示例代码:
1
2
3
4
5
6
7
8
9
10
11
12
POST /v1.0/oauth2/userAccessToken HTTP/1.1
Host:api.dingtalk.com
x-acs-dingtalk-access-token:BE3xxxx
Content-Type:application/json
{
"clientId" : "dingxxx",
"clientSecret" : "1234",
"code" : "abcd",
"refreshToken" : "abcd",
"grantType" : "authorization_code"
}
Enter to Rename, ⇧Enter to Preview
获取access_token后,就可以使用这个凭证调用获取用户通讯录个人信息接口。