js打开钉钉打卡页面
最近在项目中遇到一个需求,客户需要在钉钉h5页面中添加一个快速链接跳转至钉钉打卡页面,没法客户是上帝只能去研究钉钉文档了。
首先要跳转钉钉打卡就必须知道打卡页面的相关地址信息,然而钉钉打卡是官方提供的应用我们无法使用常规的小程序或h5微应用进行跳转,只能使用钉钉提供的打卡链接进行跳转,链接如下:
https://attend.dingtalk.com/attend/index.html是钉钉打开页面,我们只需要传递对应的组织idcorpId即可
// 打卡需要指定具体的组织
this.pageUrl = encodeURIComponent('https://attend.dingtalk.com/attend/index.html?corpId=dingxxxx')
1
2
2
# urlScheme跳转
url Scheme是移动端的一种页面跳转协议,我们可以使用app提供的语法跳转到app内部的页面,代码类似:app://path
分为:旧版协议dingtalk://和新版协议AppLink,两者都可实现区别于写法不同,如下:
// 旧版跳转协议
this.path1 = `dingtalk://dingtalkclient/page/link?url=${pageUrl}`
// 新版协议
this.path2 = `https://applink.dingtalk.com/page/link?url=${this.pageUrl}`
1
2
3
4
2
3
4
这里只列举基础基础用法,更多参数详情见钉钉跳转协议
# 客户端API跳转
从上面的打卡链接我们可以看出,打卡页面其实是一个web地址,那我们自然可以通过钉钉apiopenLink在页面中打开链接,代码如下:

import { openLink} from 'dd.js'
toDing() {
openLink({
url: 'https://attend.dingtalk.com/attend/index.html?corpId=dingxxxx'
})
}
1
2
3
4
5
6
7
2
3
4
5
6
7
使用api时确保已下载最新版钉钉开发脚本
上次更新: 2025/09/05, 8:09:00