钉钉小程序开发文档(钉钉小程序开发框架)

小程序开发 2114
今天给各位分享钉钉小程序开发文档的知识,其中也会对钉钉小程序开发框架进行解释,如果能碰巧解决你现在面临的问题,别忘了关注本站,现在开始吧!本文目录一览: 1、钉钉小程序图表库AntV - F2 使用总结

今天给各位分享钉钉小程序开发文档的知识,其中也会对钉钉小程序开发框架进行解释,如果能碰巧解决你现在面临的问题,别忘了关注本站,现在开始吧!

本文目录一览:

钉钉小程序图表库AntV - F2 使用总结

对于图表这块的开发,使用一些流行的图表库可以大大提高我们的开发效率,目前较为流行的图表库大概有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的回调

优化后的效果

钉钉小程序常见问题

在开发者后台找到应用,设置相应的安全域名。注意,一定要在IDE重新打包上传到开发者后台,设置才能生效,否则还是报错。

钉钉小程序目前暂未提供获取版本号的api, 并且每次上传版本,版本号必须大于线上的版本号,否则无法上传。

请问钉钉的h5应用怎么发送异步请求

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

企业内部应用如何开发?

钉钉上的企业或组织可以基于钉钉的开放能力,自主开发,供企业或组织内部使用,以满足办公场景中的个性化需求。更多详情可以点击此处查看。企业内部开发是指基于钉钉的开放能力,“开发企业内部应用”供企业内部的人员使用。企业可以选择由企业内部的开发者进行开发,或者由企业授权定制服务商进行开发。更多详情可以点击此处查看。企业内部开发流程企业内部应用在钉钉移动端或者PC端工作台可见,一般需要以下几个步骤:(1)首先在开发者后台创建企业内部应用,详细见下面内容。需要先确认以下2个问题:a.开发的应用是H5微应用还是小程序;b.确认是企业自主开发还是授权给定制服务商开发。(2)创建应用后,使用钉钉开放平台提供的服务端API和前端API, 按产品需求使用接入。(3)开发后,在开发者后台设置可见范围(设置哪些用户可使用),并发布;在可见范围内的员工可正常使用该应用1. 确认开发类型等1.1 确认开发的企业内部应用是H5微应用还是小程序开发?钉钉开放平台支持支持H5微应用开发以及小程序开发,企业内部应用也支持。H5微应用以及小程序在以下方面存在不同:钉钉开放平台支持小程序和H5微应用两种类型的应用开发。小程序是一种全新的开发模式,让开发者通过简洁的前端语法写出Native级别的性能体验,并支持iOS、Android等多端部署。小程序暂不支持PC端部署,如果应用必须要在PC端上使用,可暂时使用H5微应用开发方式。微应用是指用H5方式开发的应用。小程序和H5微应用的对比小程序H5微应用加载性能首次使用略慢,后续加载快受到很多因素影响,优化不够好,容易慢使用体验非常顺滑,接近 Native容易卡顿页面跳转,返回和 Native 的效果一样做不到和 Native 一样的体验开发环境搭建提供 IDE,快速创建项目成本高调试提供 IDE,可以在电脑上调试大部分功能在电脑上只能调 UI,涉及到钉钉的 jsapi,必须真机调试使用开源 UI 组件目前不支持支持使用 npm 包支持支持模块化组织代码支持 小程序 特有的模块化使用 vue, React 等框架可以轻松获得模块化支持灰度发布钉钉提供需要自己实现CDN小程序包默认在 CDN需要开发者自己购买相关服务开发个人应用支持不支持应用离线化支持不支持1.2 企业内部开发不同接入方式,确认是企业自主开发应用还是授权给定制服务商开发?企业内部已有的系统,比如财务系统、薪酬系统等可以通过钉钉开放平台提供的丰富的API能力,接入到钉钉中。按时创建应用时,是否是企业内部自主开发,分为以下2种:2.1 由企业内部的开发者进行开发企业内部应用支持H5微应用和小程序开发,按照前端不同开发框架,分为(1)企业内部自主开发H5微应用,创建及开发应用可详细见文档(2)企业内部自主开发小程序,创建及开发应用可详细见文档2.2 授权给定制服务商,由定制服务商为本企业开发企业内部应用授权给定制服务商开发企业内部应用,也支持H5微应用和小程序开发,按照前端不同开发框架,分为(1)定制服务商开发H5微应用,创建及开发应用可详细见文档(2)定制服务商开发小程序,创建及开发应用可详细见文档2.企业内部应用开放的能力(1)服务端API提供了通讯录、消息通知、智能工作流等,可查看服务端接口能力。部分接口需要申请权限,可以参考文档详细介绍进行申请(2)前端API提供了选择日期、选人和部门、钉盘、发钉等API,可查看前端API总览,按需选择API接口使用3.企业内部系统接入钉钉后,查看应用接入钉钉后,可以在钉钉移动端或者PC端的工作台,打开应用直接使用。注意:需要在应用里面填写PC端首页地址,钉钉PC端才可以展示应用的,详见文档。PC端应用展示如下图所示:

如果把所有功能都打开,钉钉给老师的权力究竟有多大?

初步理解

先抛开钉钉官方推荐的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组件库

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

钉钉小程序(E应用)开发踩坑

  a、在钉钉开发平台创建小程序,并将自己的钉钉账号设置为开发人员;

  b、在IDE中登录,关联应用;

  c、上传完成后,即可在钉钉开发平台将上传版本设置为体验版。

   npm install lodash // 安装第三方包

   import lodash from 'lodash' // 载入第三方 npm 模块

  注: 可能报错 error:cannot read property 'prototype' of undefined;

  建议: import get from 'lodash/get' 单独引入用到的工具类

  编译失败查看日志,通常是超过5M,是将根目录下的debug.log一起编译到项目中了,所以直接删除这个debug.log就可以编译通过了

  钉钉小程序E应用在发版时会有一个老版本的缓存,每次发版后直接打开E应用,其实访问的是上一个版本的缓存,这个缓存会在发版后10分钟左右自动更新成最新版本,如果想要直接看到最新版本,可以退出钉钉登录账户,并杀掉钉钉进程,这样再进去后就是直接访问的最新版本了.

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

扫码二维码