Kros的博客 Kros的博客
首页
  • CSS
  • 工具
  • Vue
  • js
  • Vue3
  • 算法
  • 折腾笔记
一言
  • 分类
  • 标签
  • 归档
码云

Kros

凡心所向,素履以往,生如逆旅,一苇以航
首页
  • CSS
  • 工具
  • Vue
  • js
  • Vue3
  • 算法
  • 折腾笔记
一言
  • 分类
  • 标签
  • 归档
码云
  • CSS

  • JavaScript

  • 工具

    • git命令行
    • uniapp小程序分包配置
    • VScode使用Todo tree实现待办查看
    • activiti editor添加自定义属性
    • uniapp使用svg
    • windows端口查看及关闭端口
    • uniapp通过wifi无线运行到手机
    • android生成证书文件
    • vscode中显示换行指示线
    • 浏览器console输出自定义样式内容
    • console的非常规用法
    • uniapp App升级更新
    • 从零开始搭建脚手架1
    • vite打包插件上传到npm
    • uniapp使用speech模块遇到的问题
    • HbuilderX使用MuMu模拟器
    • HbuilderX调试app页面元素
    • 前端工程化的理解
    • console log打印obj非实时性数据问题
    • 常见http状态码
    • HbuilderX配置自定义打包环境
    • webpack优缺点
    • axios和ajax的区别
    • 使用docxtemplater导出word文件
    • docxtemplater循环列表数据导出
    • js打开钉钉打卡页面
    • uniapp配置自定义环境变量和条件编译变量
    • 文件上传时的各种二进制数据关系
    • 解决开发过程中的跨域问题
    • vue自定义入口html文件
    • tsParticles局部粒子效果
    • 使用verdaccio搭建私人npm仓库
  • Vue

  • antdv踩坑记录

  • Vue3

  • 前端
  • 工具
kros
2024-01-25

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
# 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

这里只列举基础基础用法,更多参数详情见钉钉跳转协议

# 客户端API跳转

从上面的打卡链接我们可以看出,打卡页面其实是一个web地址,那我们自然可以通过钉钉apiopenLink 在页面中打开链接,代码如下:

api跳转

import { openLink} from 'dd.js'

toDing() {
  openLink({
    url: 'https://attend.dingtalk.com/attend/index.html?corpId=dingxxxx'
  })
}
1
2
3
4
5
6
7

使用api时确保已下载最新版钉钉开发脚本

上次更新: 2025/09/05, 8:09:00
docxtemplater循环列表数据导出
uniapp配置自定义环境变量和条件编译变量

← docxtemplater循环列表数据导出 uniapp配置自定义环境变量和条件编译变量→

最近更新
01
Find the next perfect square
09-05
02
Regex validate PIN code
09-05
03
Find the odd int
09-05
更多文章>
Theme by Vdoing | Copyright © 2020-2025 kros king
  • 跟随系统
  • 浅色模式
  • 深色模式
  • 阅读模式
icon-heart-o icon-heart icon-infinity icon-pause icon-play link next prev