DingTalk「开发者说」自定义工作台H5定制

简介: H5工作台是自定义工作台的一种,与依靠设计器来创建的自定义工作台相比,H5工作台是完全由用户通过H5 自主开发的一种工作台。

云衫.png

分享人:云衫
视频地址一键回放

目录

一、H5工作台定义
二、如何替换一个H5工作台
三、总结

一、 H5工作台定义

什么是H5工作台

H5工作台是自定义工作台的一种,与依靠设计器来创建的自定义工作台相比,H5工作台是完全由用户通过H5 自主开发的一种工作台。
image.png
(图1)
image.png
(图2)

我们可以先看一下两张图的对比,图1是用户通过设计器自己搭建出来的工作台,图2是用户自己开发的H5工作台,可以看到两者区别还是比较明显的。
既然已经知道了什么是H5工作台,那么继续来研究什么样的组织适合。

什么样的组织适合H5工作台

面向组织已有类似工作台的门户、希望快速与钉钉集成的企业适合H5工作台。
如果组织没有工作台,建议使用自定义工作台来进行工作台的搭建。
目前H5工作台仅开放给钉钉专属版客户

二、 如何替换一个H5工作台

前置条件

  1. 需要准备好要替换的H5工作台链接,也就是说需要组织自己把H5工作台开发完,然后提供http的链接(如果pc和移动端需要展示不同的页面则需要两个链接)
  2. 需要有H5工作台的开发权限。这个开发权限,当前情况下只能通过开通专属钉获得,在开通专属钉的时候选择H5工作台的开发权益。

实际操作

当准备好这两个前置条件的时候,我们就可以进入到钉钉开放平台的页面,选择“开放能力”下面的“工作台”选项。
image.png

进入工作台选项里面时,可看到右上角的“创建”按钮,点击“创建”按钮时会出现两个下拉菜单,选择下面的选项“内嵌H5页面”。
image.png

进入创建页面需要输入对应的信息,包括工作台的名称等,这里重点是“客户端”选项,包括“桌面端(指pc端)”和“移动端(指手机端)”,接下来把对应地址填写到网页中。
“IP回调地址”:如果希望在自己的H5工作台里面调用一些钉钉提供的开放API,则需要在这里填写对应的回调地址,加入白名单就方便调用钉钉提供的开放API
“紧急联系号码”:在H5工作台出问题时,方便联系和沟通。
image.png
信息提交完成之后,就可以点击“提交”,之后会自动跳转到H5工作台的详情页面,可以看到之前填写好的信息都会在此页面进行展示。
点击右上角“发布”即可发布已经创建好的这个H5工作台。
image.png

发布完之后,可以点击左边“工作台管理”中“生效中的页面”就可以看到已经生效的H5工作台信息。生效页面包含两部分,一部分是移动端,一部分是pc端。
image.png
在“全部项目”里可以根据工作台类型去选择,管理H5工作台或设计工作台,选择“H5”搭建,此时会展示当前用户创建的所有H5工作台的项目,可以通过点击详情进行管理,包括对应的修改、删除、发布等操作。
image.png

三、总结

对于有一定开发能力而且有现成工作台的组织而言H5工作台是一个很好的选择,一方面它可以帮助用户将现有的工作台迅速上钉,另一方面可以满足组织的一些特殊的个性化定制需求。通过钉钉开放平台的开发API还可以将钉钉的一些能力与H5工作台相结合,进一步提升与钉钉平台的融合。下图是一个常用的开发API。
尽管有上述优势,但也需要强调的是由于H5工作台由用户组织自行开发和维护,因此无法享受到官方工作台级别的稳定性保障,也就是说,相对于官方工作台而言,H5工作台的稳定性监控就没有办法做到那么细致,这一点在选择使用H5工作台作为组织工作台时是需要特别注意的。
image.png

四、实操演练

目前显示的是一个普通工作台,是一个非常标准的工作台,接下来演示如果将此工作台替换为H5工作台。
image.png

正如刚说讲,进入开放能力工作台,可以看到可已经进入了工作台管理的选项里面,页面的数据展示很清晰,此时可以看到已经有一个生效中的页面,显示的是组织当前移动端由设计器搭建的工作台。此时我们点击一个H5工作台,点击“创建”、“内嵌H5工作台”。
image.png

输入工作台名称,如“钉钉开发者”,选择桌面端,页面地址直接输入钉钉官方首页地址,并填写IP回调地址及电话号码,点击“提交”
image.png

提交之后可以看到,已经进入工作台的详情页面,包括刚才已经填写的基本信息,接下来点击发布,发布成功后,点击“工作台管理”查看,可以看到“生效中的页面”已经被替换成了刚才设置的H5工作台。
image.png

现在来直接切换到工作台的视角,直接看一下工作台是否被切换成为了H5。应该可以看到,工作台页面已经被替换成了钉钉的官方首页。
image.png

此时继续讲解一下,刚才看到的全部项目里面,选择“H5搭建”就可以看到刚才创建的H5工作台,点击“详情”进入可以看到刚才创建的详情页,如果此时点击右上角“退回标准工作台”,就可以恢复到标准工作台。“删除”键是将刚才创建的H5工作台删除,此时这些操作,页面都会有相对应的提示。
image.png

“接口权限”是当H5工作台需要调用一些钉钉官方的API,需要一些如通讯录、邮箱等权限,都可以在这里申请。申请之后就可以直接在H5工作台当中调用这些开放API。
image.png

相关文章
|
移动开发 搜索推荐 API
DingTalk「开发者说」钉钉工作台-业务数字化转型第一门户
钉钉把工作台定义为业务数字化转型门户,从钉钉目前工作台的业务体量、用户量及评价来讲,都应该承担企业数字化转型的重要责。
2043 0
DingTalk「开发者说」钉钉工作台-业务数字化转型第一门户
|
移动开发 前端开发 Java
《钉钉应用开发者速成手册》之“钉钉应用开发入门——H5微应用”
本文将以获取当前用户部门信息的H5微应用为例,帮助您快速了解钉钉H5微应用的开发流程。
3845 0
《钉钉应用开发者速成手册》之“钉钉应用开发入门——H5微应用”
|
BI
宜搭流程表单报表的表格内如何设置点击跳转到表单的详情页面
宜搭流程表单报表的表格内如何设置点击跳转到表单的详情页面
1435 0
阿里云商标注册入口(查询/申请/交易/管理)
阿里云商标注册页面、商标自助申请系统、商标近似查询、商标交易、商标管理后台、商标续展等操作入口
6196 5
阿里云商标注册入口(查询/申请/交易/管理)
|
存储 弹性计算 监控
深度解读:公有云与私有云有哪些区别?
如今云计算逐渐兴起,越来越多传统企业及用户对云计算基础产品【云服务器、云主机】有需求,准备把数据往云上迁移,其中云主机私有云、公有云和混合云,不知道如何选择云主机类型,下面小编为大家科普什么是公有云、什么是私有云,希望对你有帮助。
5385 0
深度解读:公有云与私有云有哪些区别?
|
5月前
|
人工智能 运维 安全
2025年远程控制软件排行榜:安全性能哪家强?ToDesk/TeamViewer/向日葵等对比
2025年远程控制软件排行榜:安全性能哪家强?ToDesk/TeamViewer/向日葵等对比
789 11
2025年远程控制软件排行榜:安全性能哪家强?ToDesk/TeamViewer/向日葵等对比
|
存储 监控 网络协议
5张图,带你了解微服务架构治理
5张图,带你了解微服务架构治理
1981 0
5张图,带你了解微服务架构治理
|
前端开发 小程序 JavaScript
支付宝通知新体验-OPPO 泛在卡片多模交互
支付宝通知新体验-OPPO 泛在卡片多模交互
612 2
|
机器学习/深度学习 Java API
阿里云文档智能解析——大模型版能力最佳实践与体验评测
阿里云文档智能解析(大模型版)在处理非结构化数据方面表现优异,尤其是在性能和可扩展性上具有明显优势。虽然存在一些待完善之处,但其强大的基础能力和广泛的适用场景使其成为企业数字转型过程中的有力助手。随着技术的不断进步和完善,相信它会在更多领域展现出更大的价值。
1139 6
阿里云文档智能解析——大模型版能力最佳实践与体验评测
|
运维 关系型数据库 MySQL
安装MySQL8数据库
本文介绍了MySQL的不同版本及其特点,并详细描述了如何通过Yum源安装MySQL 8.4社区版,包括配置Yum源、安装MySQL、启动服务、设置开机自启动、修改root用户密码以及设置远程登录等步骤。最后还提供了测试连接的方法。适用于初学者和运维人员。
981 0

热门文章

最新文章