自定义工作台钉钉(一小时开发钉钉工作台自定义组件)

江左梅郎

2022-04-20 12:57:25

你申请了一个定制化的工作台，但是官方的基础组件和第三方组件都无法满足需求，而机构又有一定的开发能力，钉钉定制化的工作台组件会是你不错的选择。这里，开发了一个简单的定制新闻组件作为演示。因为组件开发是基于钉钉小程序的，所以需要对小程序开发有一定的了解。钉钉小程序基础教程见文档:https://developers . ding talk . com/document/app/introduction-to-ding talk-mini-programs。

基础概念介绍概念

介绍

自定义工作台

钉钉的中间选项卡是钉钉官方默认提供的标准工作台。申请权限后，可以获得自定义工作台的权限。自定义工作台在组织管理员登录开发者后台，设计者配置生效后生成。

工作台页面

自定义工作台可以包含多个页面，可以选择一个页面作为当前主页加载的页面。

包裹

元素，组件包含运行业务逻辑的最小程序单元。

插件组件

一组组件，至少包含一个组件。

数据源

组件内部操作所需的外部数据源，默认情况下只支持HTTP数据源。

一、创建自定义插件

登录开发者后台，在右侧导航中选择工作台-插件管理-创建插件。选择自定义组件，然后单击创建插件。

二、注册数据源

由于新闻组件需要使用HTTP接口到服务器，所以需要预先注册一个HTTP接口。数据源比较简单，就是HTTP返回一个JSON请求，包含字段标题和对应的内容。

创建并保存上述数据源后，IDE开发组件将在以后使用上述数据源。注意，apiKey和apiSecret是自定义的约定值，需要填充到组件代码中。

三、IDE开发组件

完成以上设置后，下载IDE开发工具，扫码登录，然后关联组织中的插件。IDE将自动下载演示项目，并将其与远程终端相关联。使用IDE进行本地开发，这个演示就是开发一个组件，就是加载远程HTTP接口，在工作台上显示数据。

开发成功的截图如下:

核心程序代码如下:

//下面是获取远程数据的第三个参数 constdata = await get SDK()。请求(这个。props . component props . news _ for _ test，{}，{ /SDK.request，输入注册数据源的信息 URL:& # http://www.javaer.com.cn/news/news.php'， API key:& # 39；测试新闻& # 39；， http method:& # 39；获取& # 39；， params:& # 34；"， API secret:& # 39；测试新闻& # 39；， })； console.log(数据)； //呈现本地页面 this . setdata({ title:data . title })

& ltview class = & # 34组件模板& # 34；& gt 新闻标题:{ { title } }

注意在相应模块的config.json中注册数据源:

"数据源& # 34；:[{ & # 34；apiKey & # 34: "测试新闻& # 34；， & # 34；propName & # 34: "测试新闻& # 34； }]四。上传组件并提交以供审批在开发并验证组件之后，可以提交组件以供审批。自定义组件审核通过后，会自动通过。通过后就可以上架了。上架后，可以在设计器中看到该组件。您可以将组件拖放到设计器中并在工作台上生效，用户可以看到效果。