钉钉小程序开发文档(钉钉开发的小程序在哪里找)

本篇文章给大家谈谈钉钉小程序开发文档,以及钉钉开发的小程序在哪里找对应的知识点,希望对各位有所帮助,不要忘了收藏本站喔。

  • 1、请问钉钉的h5应用怎么发送异步请求
  • 2、如果把所有功能都打开,钉钉给老师的权力究竟有多大?
  • 3、如何制作钉钉答题小程序
  • 4、钉钉小程序图表库AntV – F2 使用总结

我们前段时间也做了一个钉钉小程序 , 异步全部使用的jquery.ajax

钉钉小程序开发文档(钉钉开发的小程序在哪里找)

初步理解

先抛开钉钉官方推荐的NowaGUI开发工具,以及推荐saltUI样式库。大致理解如下。

那如果是不涉及到钉钉功能的常规H5页面,由管理员配置后台应用,添加对应链接即可。

如需要钉钉的功能,涉及到access_token (相当于一个许可)进行请求,具体如下,前端负责使用corpId 调用钉钉接口 将结果中的code返回 给后端 ,后端去请求,将获取到的钉钉的access_token等信息返回。

具体步骤

首先得有这个项目的开发权限,

其次需要管理员,后台新建微应用,可以看到这个应用的 corpId

前端 要引入 钉钉官方的js文件

然后 通过一个钉钉的请求 用corpid获取code 将code发送给后端,由后端使用code获取到钉钉方的数据

【注意】正常情况下access_token有效期为7200秒,有效期内重复获取返回相同结果,并自动续期。

相关补充

钉钉官方开发文档 获取access_token

PS :

步骤1 官网链接如下

步骤2 官网链接如下

步骤3 关于这个js说明 官网()

钉钉功能调用

部分钉钉功能是不需要鉴权,不过也要完成上一步的引入,具体信息如

钉钉鉴权()

如果是调用钉钉的一些功能,譬如Ding,打开通讯录,钉钉聊天等,在上述的基础上还需要,做钉钉jsapi的鉴权操作。

钉钉官方Jsapi文档

如何鉴权

鉴权操作需要在进行调用功能之前执行即可。

调用要求

鉴权成功与否

调用钉钉功能的接口的通用格式,如下官网图()

功能测试

钉钉功能 测试地址 ,就是那个鉴权里面的功能 ,,手机扫码进行查看,个别需要输入特定参数,参数具体信息,

相关工具与资源

NowaGUI

Nowa 是一个跨终端的可视化的 web 开发工具,旨在帮助用户部署环境,简化项目的创建、构建、开发以及调试流程。

内置了一整套 webpack 构建体系,提供了简洁而强大的配置界面。

saltui

钉钉官方合作 高效、简洁的移动端UI组件库

手机钉钉小程序开发者工具 以及如何调试 等

1、首先,打开vs编程软件,在左上角新建文件。

2、其次,在网络上找个代码模板,按照自己的需求进行修改。

3、最后,即可完成钉钉答题小程序的开发。

对于图表这块的开发,使用一些流行的图表库可以大大提高我们的开发效率,目前较为流行的图表库大概有Echarts,Hcharts,AntV,他们都是大同小异,我印象比较深刻的是Hcharts是支持多坐标轴的,Echarts好像是不支持的,但是对于小程序的选择我们选择的是阿里的AntV-f2,因为他明确指出了适合小程序开发,而且AntV-f2除了不支持一些document,其他的大部分功能都是支持的,我们就没有再考虑其他的库,但是官方并没有太多关于小程序的具体使用文档,我们只能根据js的相关事例翻译成小程序的语法。

钉钉小程序开发工具:

AntV – F2:

效果看着有点丑对不对……那我们就来实现一下设计师的效果图吧!具体功能:1.默认展示一个tooltip, 2.tooltip改变时展示对应x轴的数据,3.自定义tooltip

我们自定义一个默认的tooltip:, 就叫做def_item吧,当图表渲染完成设置def_item = {key: 100, value: 200},这里有个注意点,就是def_item的内容不是随便定义的,这里我们先不做多说,后面会说明这个def_item的key值时如何设置的。

通过查找tooltip的Api我们会发现它有3个事件的回调,在钉钉小程序中我们只能通过props来传递tooltip的回调

优化后的效果

钉钉小程序开发文档的介绍就聊到这里吧,感谢你花时间阅读本站内容,更多关于钉钉开发的小程序在哪里找、钉钉小程序开发文档的信息别忘了在本站进行查找喔。

本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 sumchina520@foxmail.com 举报,一经查实,本站将立刻删除。
如若转载,请注明出处:http://www.niesang.com/73994.html