钉钉如何开发微应用_钉钉appH5应用开发【技术】

胖辰君_9275

胖辰君_9275

2026-05-13

682人浏览

原创

H5微应用是钉钉平台轻量级业务模块的标准技术路径,需经管理员创建应用、CLI初始化项目、配置首页与IP白名单、集成JSAPI签名验证、申请并审批权限五步实施。

钉钉如何开发微应用_钉钉apph5应用开发【技术】

如果您计划在钉钉平台构建一个轻量级、可快速上线的业务功能模块,则H5微应用是标准且推荐的技术路径。该方案基于标准Web技术栈,依托钉钉Web容器运行,并可通过JSAPI调用设备能力与钉钉原生功能。以下是开展H5微应用开发的具体实施步骤:

一、注册管理员账号并进入开发者后台

只有企业管理员或子管理员具备访问钉钉开发者后台的权限,这是创建和配置微应用的前提条件。非管理员账号将无法进入应用开发流程。

1、使用企业钉钉管理员账号登录钉钉开发者后台。

2、在左侧导航栏中选择「应用开发」→「企业内部开发」→「创建应用」。

3、填写应用基本信息,包括应用名称(2–20字符)、应用描述等,确认后提交创建。

4、创建完成后,在应用信息页获取关键凭证:AppKey与AppSecret,后续服务端调用必需使用。

二、初始化H5微应用项目结构

通过官方CLI工具可快速生成标准化项目脚手架,确保目录规范、依赖兼容、开发体验一致。

1、全局安装 DingTalk Design CLI:执行命令 npm install -g dingtalk-design-cli。

2、执行初始化命令:ding init my-h5-app。

3、在交互式配置中指定:应用类型为 H5微应用,模板选择 default,开发语言保持 javascript(或按需选 TypeScript)。

4、项目生成后,进入目录并运行 npm install 安装依赖,再执行 npm run dev 启动本地开发服务。

三、配置应用首页地址与服务器出口IP

钉钉需校验微应用入口URL的域名归属及服务端调用来源的可信性,因此必须显式声明合法访问路径与IP白名单。

1、在开发者后台「开发管理」页面,点击「修改」进入配置项。

2、填写「PC端首页地址」:必须以 http:// 或 https:// 开头,且该地址须能被公网直接访问;若留空,PC端将提示“电脑版暂不支持显示”。

钉钉听记(闪记)
钉钉听记(闪记)

从钉钉闪记提取听记数据,包括列表、转写文本、摘要、待办等。当用户提到"钉钉闪记"、"听记"、"会议录音"、"转写文本"、"shanji"、"dws minutes"时触发此技能。

下载

3、填写「服务器出口IP」:输入后端服务部署服务器的公网IP,多个IP用英文逗号分隔;支持通配符格式,例如 192.168.1.*。

4、保存配置后,系统将立即生效,无需重新发布应用。

四、集成钉钉JSAPI并完成签名验证

所有JSAPI调用前必须完成 dd.config 初始化,其核心是服务端生成符合规则的签名,前端传入对应参数,否则会触发“invalid signature”错误。

1、前端页面URL中需携带 ?corpId=$CORPID$ 参数,用于提取企业标识。

2、服务端调用「获取jsapiTicket」接口,获取有效期内的 ticket(最大生命周期24小时,续期仅延长2小时)。

3、服务端组合参数:jsapiTicket、nonceStr(固定字符串)、timeStamp(与前端一致的时间戳)、url(未encode的原始location.href),使用SHA-1算法生成 signature。

4、前端执行 dd.config({ agentId: 'xxx', corpId: 'xxx', timeStamp: xxx, nonceStr: 'xxx', signature: 'xxx' }),启用JSAPI能力。

五、申请并配置所需权限

微应用如需读取通讯录、发起审批、调用摄像头等能力,必须在开发者后台主动申请对应权限,且需经企业管理员审批通过后才可生效。

1、进入「权限管理」页面,权限范围选择「全部员工」或按需指定部门。

2、勾选具体权限条目,例如:通讯录部门信息读权限、通讯录部门成员读权限、扫码权限、地理位置权限。

3、点击「申请权限」,等待企业管理员在钉钉管理后台完成审批操作。

4、审批通过后,前端 JSAPI 调用方可返回真实数据,否则将返回权限拒绝错误。

相关文章

在线游戏
在线游戏

海量精品小游戏合集,无需安装即点即玩,休闲益智、动作闯关应有尽有,秒开即玩,轻松解压,快乐停不下来

下载

相关标签:

钉钉 钉钉app 应用开发

本站声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

相关专题

更多
Tailwind CSS 响应式布局怎么写
Tailwind CSS 响应式布局怎么写

Tailwind CSS 响应式布局通常从移动端样式写起,再用 sm、md、lg 等前缀调整不同屏幕宽度下的网格、间距和导航。本专题整理断点配置、Grid 与 Flex 自适应布局及常见溢出问题,帮助你逐步完成多设备适配。

2026.11.03

0

19

Tailwind CSS 常用类名怎么记
Tailwind CSS 常用类名怎么记

Tailwind CSS 类名很多,先按布局、间距、文字、颜色和状态分组记忆,再通过官方文档检索具体写法。本专题结合类名排序、动态拼接失效、自定义实用类等问题,帮助你建立常用类名的速查方法。

2026.11.03

0

12

码上飞入口地址合集
码上飞入口地址合集

本专题汇总了码上飞(CodeFlying)的官方入口地址合集,涵盖官网主站及网页版在线使用入口,支持注册登录后直接在线体验零代码AI应用生成。同时整理了APP端下载渠道与小程序入口,助你快速访问平台,通过自然语言描述需求即可生成应用、小程序或网站。

2026.11.03

0

10

Uvicorn 报错与问题解决教程
Uvicorn 报错与问题解决教程

本专题汇总了Uvicorn服务器常见问题与报错解决的教程合集,涵盖启动失败、端口占用、模块导入错误、事件循环冲突及热重载失效等典型故障的排查思路。同时整理了多进程与Worker配置、SSL/HTTPS证书报错、跨域与代理配置等实战解决方案,助你快速定位并解决Uvicorn运行中的各类问题。

2026.11.02

20

14

Uvicorn使用教程
Uvicorn使用教程

本专题汇总了Uvicorn使用教程与启动运行指南,涵盖其作为Python ASGI服务器的定位与特点,以及命令行启动(uvicorn main:app --reload)、参数配置(host/port/workers)、程序内嵌运行与Gunicorn结合部署等核心用法。同时整理了热重载调试、日志配置与生产环境部署优化等技巧,助你快速掌握Uvicorn的运行与配置。

2026.11.02

20

17

Uvicorn安装配置教程
Uvicorn安装配置教程

本专题汇总了Uvicorn的安装配置教程与部署指南,涵盖通过pip安装Uvicorn、启动FastAPI/Starlette应用、开发模式热重载(--reload)及多进程工作模式配置等核心操作。同时整理了结合Gunicorn的生产部署方案、HTTPS与反向代理配置及性能调优技巧,助你快速完成Uvicorn服务的安装与上线部署。

2026.11.02

20

17

Vite 项目如何打包和部署
Vite 项目如何打包和部署

Vite项目打包部署专题汇集生产构建、产物预览、输出目录、资源路径、Nginx与GitHub Pages部署及常见白屏和路由404问题的已审核文章,帮助读者完成上线流程。

2026.10.28

120

16

Vite 如何搭配 Vue.js
Vite 如何搭配 Vue.js

Vite搭配Vue.js专题汇集创建Vue 3项目、配置开发环境、路径别名、Vue插件、代理、多环境构建与调试的已审核文章,帮助读者完成从初始化到日常开发的配置。

2026.10.28

100

15

Vite 项目目录怎么看
Vite 项目目录怎么看

Vite项目目录专题汇集入口文件、src源码、public静态资源、路径别名、项目根目录和构建输出目录相关的已审核文章,帮助读者理解各文件夹的用途与引用方式。

2026.10.28

300

10

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
Uniapp从零开始实现新闻资讯应用
Uniapp从零开始实现新闻资讯应用

共64课时 | 9.7万人学习

Uniapp180分钟快速入门
Uniapp180分钟快速入门

共25课时 | 5.5万人学习

Uniapp从零开始实现新闻资讯应用
Uniapp从零开始实现新闻资讯应用

共67课时 | 12.6万人学习