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「开发者说」钉钉工作台-业务数字化转型第一门户
钉钉把工作台定义为业务数字化转型门户,从钉钉目前工作台的业务体量、用户量及评价来讲,都应该承担企业数字化转型的重要责。
1618 0
DingTalk「开发者说」钉钉工作台-业务数字化转型第一门户
|
移动开发 测试技术 开发工具
【钉钉免登录】(详解)钉钉接口,H5微应用,钉钉免登录及获取当前用户信息
【钉钉免登录】(详解)钉钉接口,H5微应用,钉钉免登录及获取当前用户信息
2038 1
【钉钉免登录】(详解)钉钉接口,H5微应用,钉钉免登录及获取当前用户信息
|
7月前
|
人工智能 自然语言处理 JavaScript
宜搭上新,DeepSeek 插件来了!
钉钉宜搭近日上线了DeepSeek插件,无需编写复杂代码,普通用户也能轻松调用强大的AI大模型能力。安装后,平台新增「AI生成」组件,支持创意内容生成、JS代码编译、工作汇报等场景,大幅提升工作效率。快来体验这一高效智能的办公方式吧!
2600 9
|
存储 关系型数据库 MySQL
【MySQL】在 Centos7 环境安装 MySQL -- 详细完整教程
【MySQL】在 Centos7 环境安装 MySQL -- 详细完整教程
|
10月前
|
机器学习/深度学习 搜索推荐 安全
深度学习之社交网络中的社区检测
在社交网络分析中,社区检测是一项核心任务,旨在将网络中的节点(用户)划分为具有高内部连接密度且相对独立的子群。基于深度学习的社区检测方法,通过捕获复杂的网络结构信息和节点特征,在传统方法基础上实现了更准确、更具鲁棒性的社区划分。
392 7
|
存储 运维 Cloud Native
【云原生-介绍】到底什么是云原生?下一个内卷?
【云原生-介绍】到底什么是云原生?下一个内卷?
470 0
【云原生-介绍】到底什么是云原生?下一个内卷?
当用户需求不详细时,如何有效应对
当用户需求不详细时,如何有效应对
478 0
|
人工智能 自然语言处理 安全
产品更新|宜搭AI助理、精品应用产品力、专属宜搭多项功能升级!
本期功能更新已全量发布,可直接在宜搭内体验。
632 0
产品更新|宜搭AI助理、精品应用产品力、专属宜搭多项功能升级!
|
监控 数据可视化 关系型数据库
MetricBeat + Elasticsearch + Kibana 实现监控指标可视化
MetricBeat + Elasticsearch + Kibana 实现监控指标可视化
|
存储 缓存 芯片