开发者学堂课程【钉钉应用云开发实战营:实战营第4课-搭建企业审批工作流】学习笔记,与课程紧密联系,让用户快速学习知识。
课程地址:https://developer.aliyun.com/learning/course/909/detail/14407
实战营第4课-搭建企业审批工作流
目录
1.准备工作
2.创建应用
3.创建出差申请表单
4.服务端开发
5.开发小程序
一. 准配工作
在开始接入前,确保您已经完成以下准备工作:
·安装小程序 IDE,单击小程序开发工具下载。
·已下载并安装了 lntelliJIDEA 开发工具。若未安装,请访问 lntelliJ IDEA。
·已经安装了 Java 开发环境。若未安装,请访问 Oracle 官网下载。
·已经安装了 Java 项目构建工具 Maven 。若未安装,请访问 Apache Maven 下载。
·已经安装了项目管理工具 Git 。若未安装,请访问 Git 官网下载。
二、创建应用
在本部分,你将在开发者后台创建一个小程序,并完成基础配置。
1. 登录钉钉开发者后台。进行应用开发,创建应用。
下一步,进行相关东西配置。
说明:只有管理员和子管理员可登录开发者后台。
2.在开发者后台页面,选择企业内部开发,然后单击创建应用。
进行接口权限添加应用。
3.在弹出的创建应用页面中填写基本信息,然后单击确定创建。
应用类型:选择小程序。
开发方式:选择企业自助开发。
三、创建出差申请表单
在本部分,你将在 OA 管理后台创建审批模板。
进行表单基础设置说明:进行表单名称填写,选择所在分组,进行随意说明,表单声明可以不用填写
进行表单设计:
随后通过明细内部的相关选择进行相应操作:
明细内部加入单行输入框,并强调必填。进行名称的修改。出差地点又因为有时需要图片证明,纳入图片即可。
这样一个出差的图表雏形已经完成。
接下来对开始时间结束时间,右边有改动日期区间表格。包括日期的类型,两个标题进行定义。
自动计算时长,一般用于评价。
此处并不需要。
出差人数若过多,审批的流程是不相同的。
诸如此类。到这里,用户填写的一些内容已经完成。
接下来进行流程设计:
进行相关设置。点击发起人,添加条件,选择出差人数,进行相关的选择。以此类推,接下来进行审批人的相关操作。
进一步进行高级设置:
使用管理员账号登录 OA 管理后台,然后选择工作台> OA 审批。
四、服务端开发
平台有提供相应代码实例。
在本部分你将下载服务端代码,并完成其础配置。
参考以下操作,完成服务端开发:
1.执行以下代码,下载服务端代码。
git clone https:/github.com opendingtalk/eappcorpproject.git
2使用 IntelliJ IDEA J开下载的代码工程,并修改配置:
a. 运行 IntelliJ IDEA ,然后在启动页面单击 Open。
先来看一下项目的结构。
主要三个位置:config 里的两个配置项,一个是调用钉钉接口的请求。
b. 选择刚刚下载的服务端代码,然后单击ok。
/**
*企业corpid,需要修改成开发者所在企业*/
public static final string CORP_ID ="***";/**
*应用的AppKey.登录开发者后台,点击应用管理,进入应用详情可见*/
public static final String APPKEY =“***”
/**
*应用的AppSecret,登录开发者后台。点击应用管理,进入应用详情可见*/
public static final String APPSECRET =“***”;
/**
*数据加密密钥。用于回调数据的加密,长度固定为43个字符,从a-z,A-Z,0-9共62个字符中选取,您可以随机生成*/
public static final String ENCOD ING_AES_KEY =”***”;
/**
*加解密需要用到的token,企业可以随机填写。如"12345”
*/
public static final StringTOKEN =“***”
/**
*应用的agentdId。登录开发省后台可查看*/
public static final Long AGENTID =11L:
/**
*章审批瑛板唯一标识,可以在审批管理后台找到*/
public static final String PROCESs_CODE’=“***”
2. 参考以下操作,部里属后端服务。a.打开 src/main/java/ com/ Application. java 文件。b.使用快捷键 ctrl+ shift+ f10 运行后端服务。
3. 服务端启动后,在浏览器中方问http/localhost8080/welcome,打开如下页面表示启动成功。
重新安装进行导入。
五、开发小程序
在本部分你将下载前端代码,并完成基础配置。
参考以下操作,完成前端开发:
1.执行以下命令,下载前端代码。git clone https:// github. com/ opendingtalk eapp-corpproject -fe
根据官方所提供的小程序进行相关操作。
let app = getApp();
//替换成开发者后台设置的安全域名
let url ="http://127.0.0.1 : 808e";
page{
data:{
corprd: ",
authcode: ' ",
user1d: '",
userName: '",
deptId: ",
hidelist: true,
},
onReady(){
//页面加载
dd.getAuthcode({
success:(res)->{
this.setData({
authcode:res.authcode
打开开发者后台,进行权限设置:
SDKversion 1.24.8
appajs: 5
App show
app.js:9
A,检测到不安全的 http
请求{url: http://127.0.0.1:808o/login ],
请使用
VM181:1
https 协议
succes s----
index .js: 3
{data:{..},status:200,heuders:{.},originaLData: "[ "success ":true, " cod
ve" :""e", "message" : "success", "re..." :423499470,"userName"":”杨国祥", "userId" :"user456"3}}国
data: (success: true,code: "e"", message: "success" , result: {..}]
headers: { content-type:“application/json;charset=UTF-8" ,
transfer -encoding: ...originalData: " {"success":true, " code" : "e" , "message" : "success" , "result" : ["deptId" :423499470, "userName" :“杨国祥","userId" : "user456"]1)"
status: 20a
_proto__: object
企业内部E应用1.1
行程明细:
出差地点(单行输入框)北京
http://www.9669.com/
开始时间(时间区间)2018-08-21 I
结束时间(时间区间)2018-08-25
出差人数(数字)8
出差金额(金额)100
出差同伴(单选框)A
交通工具(单行输入框)飞机
去北京参加E应用交流会
出差事由(多行输入框)
2.打开小程序 IDE 开发工具,打开已下载的项目。
说明:项目类型选择钉钉企业内部应用。
开发者后台:审批事件订阅
放到项目中去:
static final String TOKEN = "zkc90ZFLoR4V7UISxjiyj82";
再次进入凭证与基础信息:
应用凭证:
Agentld: 1173011381
AppKey: dingrs2mh9z2embevrck
AppSecret:
uUw4AgRSl4UdVti3L2XI5oG4r2n-
Cub2c2_REdAE4vSa7hUZH2Njbi x2EPmFGH4
public static final Long AGENTID= 117301138l;
进入内网穿透之 HTTP 穿透