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

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

2000元阿里云代金券免费领取,2核4G云服务器仅664元/3年,新老用户都有优惠,立即抢购>>>


阿里云采购季(云主机223元/3年)活动入口:请点击进入>>>,


阿里云学生服务器(9.5元/月)购买入口:请点击进入>>>,

云衫.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

相关文章
|
4天前
|
JSON API 数据格式
在钉钉开放平台中,创建或更新OA审批表单模板需要通过API接口进行操作
在钉钉开放平台中,创建或更新OA审批表单模板需要通过API接口进行操作【1月更文挑战第20天】【1月更文挑战第97篇】
59 1
|
4天前
|
JSON API 数据格式
您可以在钉钉开放平台的API文档中找到对应的API接口来创建审批实例
您可以在钉钉开放平台的API文档中找到对应的API接口来创建审批实例【1月更文挑战第20天】【1月更文挑战第96篇】
66 2
|
10月前
|
存储 前端开发 数据库
使用宜搭自定义页面搭建手机端应用
使用宜搭自定义页面搭建手机端应用
222 1
|
移动开发 监控 小程序
DingTalk「开发者说」从0到1教你自定义工作台组件开发
在自定义工作台当中提供了很多的官方组件,如果有更多的需求,如okr概览,考勤打卡,内网等卡片的效果,可以通过开发自定义组件来实现。
1764 0
DingTalk「开发者说」从0到1教你自定义工作台组件开发
|
移动开发 搜索推荐 数据可视化
DingTalk「开发者说」打造自己的工作台
本文介绍了以下几部分内容: 一、自定义工作台的定位 二、自定义能力1:设计器搭建 三、自定义能力2:底座开放H5 四、5分钟搭建一个自定义工作台 五、演示搭建
1005 0
DingTalk「开发者说」打造自己的工作台
|
数据管理 数据挖掘 API
DingTalk「开发者说」钉钉连接平台,在宜搭场景下如何使用钉钉连接器
钉钉连接平台通过简单的低代码配置,帮助企业迅捷实现系统集成和连接,降低集成实施的周期和成本。本文主要介绍在宜搭场景下如何使用钉钉连接器。
3408 0
DingTalk「开发者说」钉钉连接平台,在宜搭场景下如何使用钉钉连接器
|
人工智能 JSON 移动开发
DingTalk「开发者说」钉钉连接平台,OA审批场景下如何实现系统互通
钉钉连接平台通过简单的低代码配置,帮助企业迅捷实现系统集成和连接,降低集成实施的周期和成本。本文主要介绍在OA审批场景下,如何通过连接平台实现系统互通。
1972 0
DingTalk「开发者说」钉钉连接平台,OA审批场景下如何实现系统互通
|
自然语言处理 数据可视化 小程序
DingTalk「开发者说」 钉钉服务端OpenAPI开发工具实践
钉钉开发工具提供一站式API 调试、诊断、集成、管理等能力,降低应用开发门槛,提升开发效率。本文主要介绍了钉钉开发的四个API工具及实操演练。
DingTalk「开发者说」  钉钉服务端OpenAPI开发工具实践
|
新零售 监控 小程序
DingTalk「开发者说」钉钉工作台的能力开放
DingTalk「开发者说」是钉钉开发者最新上线的开发者栏目,联合阿里云ACE团队,分享钉应用开发解决方案、技术更新、实战技巧,致力于成为钉钉与开发者的桥梁与纽带,让更多的钉钉开发者传播技术、提升技能、分享观点。在数字化变革的时代,“云钉一体”“钉钉全面开放”战略之后,希望钉钉技术可以持续激发开发者的创造力,为组织数字化赋能。 本文主要针对钉钉工作台,讲解钉钉自定义工作台的开发方式、开放能力和优秀案例,以及工作台的开发实践。
1310 0
DingTalk「开发者说」钉钉工作台的能力开放
|
前端开发 JavaScript 测试技术
DingTalk「开发者说」— 钉钉应用开发前端工具实践
DingTalk「开发者说」是钉钉开发者最新上线的开发者栏目,联合阿里云ACE团队,分享钉应用开发解决方案、技术更新、实战技巧,致力于成为钉钉与开发者的桥梁与纽带,让更多的钉钉开发者传播技术、提升技能、分享观点。在数字化变革的时代,“云钉一体”“钉钉全面开放”战略之后,希望钉钉技术可以持续激发开发者的创造力,为组织数字化赋能。 本篇将主要介绍钉钉最新推出的前端应用开发工具DingStudio,及其特点、能力和使用案例,帮助钉钉应用开发提效。
DingTalk「开发者说」— 钉钉应用开发前端工具实践
http://www.vxiaotou.com