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「开发者说」钉钉工作台-业务数字化转型第一门户
钉钉把工作台定义为业务数字化转型门户,从钉钉目前工作台的业务体量、用户量及评价来讲,都应该承担企业数字化转型的重要责。
1939 0
DingTalk「开发者说」钉钉工作台-业务数字化转型第一门户
|
前端开发 小程序 JavaScript
支付宝通知新体验-OPPO 泛在卡片多模交互
支付宝通知新体验-OPPO 泛在卡片多模交互
501 2
|
机器学习/深度学习 搜索推荐 安全
深度学习之社交网络中的社区检测
在社交网络分析中,社区检测是一项核心任务,旨在将网络中的节点(用户)划分为具有高内部连接密度且相对独立的子群。基于深度学习的社区检测方法,通过捕获复杂的网络结构信息和节点特征,在传统方法基础上实现了更准确、更具鲁棒性的社区划分。
608 7
|
运维 关系型数据库 MySQL
安装MySQL8数据库
本文介绍了MySQL的不同版本及其特点,并详细描述了如何通过Yum源安装MySQL 8.4社区版,包括配置Yum源、安装MySQL、启动服务、设置开机自启动、修改root用户密码以及设置远程登录等步骤。最后还提供了测试连接的方法。适用于初学者和运维人员。
899 0
|
JavaScript 前端开发 API
【前端开发】JS同步与异步调用,Vue2基础知识
本文简要介绍了JavaScript中的同步与异步调用以及Vue2的基础知识。 ### JS同步与异步调用 - **同步调用**:代码按顺序执行,每个任务完成后才执行下一个。 - **异步调用**:允许代码并发执行,不必等待前一个任务完成。 - **回调函数**:传统异步模式,如`setTimeout`。 - **Promise**:解决回调地狱问题,链式调用 `.then()`。 - **async/await**:基于Promise,使异步代码看起来像同步代码。 ### Vue2基础知识 - **核心概念**:指令、实例、组件、模板、数据绑定和生命周期钩子。 - **指令**
727 5
|
监控 前端开发 机器人
RPA机器人
【8月更文挑战第4天】RPA机器人
1130 3
当用户需求不详细时,如何有效应对
当用户需求不详细时,如何有效应对
956 0
|
新零售 监控 小程序
DingTalk「开发者说」钉钉工作台的能力开放
DingTalk「开发者说」是钉钉开发者最新上线的开发者栏目,联合阿里云ACE团队,分享钉应用开发解决方案、技术更新、实战技巧,致力于成为钉钉与开发者的桥梁与纽带,让更多的钉钉开发者传播技术、提升技能、分享观点。在数字化变革的时代,“云钉一体”“钉钉全面开放”战略之后,希望钉钉技术可以持续激发开发者的创造力,为组织数字化赋能。 本文主要针对钉钉工作台,讲解钉钉自定义工作台的开发方式、开放能力和优秀案例,以及工作台的开发实践。
2153 0
DingTalk「开发者说」钉钉工作台的能力开放
|
JavaScript
Vue3 状态管理 - Pinia,超详细讲解!
Vue3 状态管理 - Pinia,超详细讲解!
|
XML Cloud Native Dubbo
【Dubbo3高级特性】「提升系统安全性」手把手教你如何通过令牌进行Dubbo3服务验证及服务鉴权控制实战指南(一)
【Dubbo3高级特性】「提升系统安全性」手把手教你如何通过令牌进行Dubbo3服务验证及服务鉴权控制实战指南
947 1

热门文章

最新文章