钉钉应用云开发实战营第4课,老师讲述的主要内容,除了搭建企业审批工作流,还有一个就是开发一个钉钉小程序。昨晚因为JAVA开发环境的原因,没有继续进行本地钉钉小程序实验,只做了企业审批工作流。今天上午,安装了开发钉钉小程序需要使用到的各种开发环境和工具后,着手进行本地实验。整个实验过程下来,感觉比较需要注意到的地方是内网穿透和服务器出口IP设置。
目录
本地实验开发一个钉钉小程序
创建应用
1.在开发平台,新建一个企业内部应用,选择小程序。具体创建流程可参考之前写的这篇文章:钉钉应用云开发实战营第3课-新建一个企业,创建一个应用。
2.创建应用后,在基础信息页面,复制应用的AppKey和AppSecret,整个在后续的配置中会使用到。
3.在开发管理页面,配置服务器出口IP,填写自己当前主机外网IP,整个很重要,若是配置不正确,在后续的小程序登陆中会报错。
4.在权限管理页面,给用户添加通讯录授权。
5.在安全页面,添加HTTP安全域名,临时先添加一个127.0.0.1,后续配置内网穿透后,这里还需要添加一个域名。
开发和部署后端服务
1.打开Git工具,执行以下命令,下载服务端项目文件
git clone https://github.com/open-dingtalk/org-mini-program-tutorial-java.git
下载后的项目文件,如图所示。
2.打开IntelliJ IDEA工具,点击OPEN,找到下载的项目文件,加载服务端项目。
添加项目后,会弹出一个提示,点击【Trust Project】后,进入项目。
3.打开src/main/java/com/dingtalk/constant/AppConstant.java
文件,填写创建应用时复制的AppKey和AppSecret。
4.打开src/main/java/com/dingtalk/Application.java
文件,点击代码页内的【public class Application】左边的绿色三角图标,启动服务端。
5.在浏览器中访问http://localhost:8080/welcome,若是能正常显示welcome内容,则表示服务启动成功。
配置内网穿透
1.打开git,执行以下命令,下载内网穿透工具。
git clone https://github.com/open-dingtalk/pierced.git
下载后的文件,如图所示。
2.在windows命令行中定位到windows_64,执行以下命令
ding -config=ding.cfg -subdomain=abcde 8080
注意:subdomain=abced,这个abcde指的是域名名称,这个已被注册过了,需要自己自定义一个新的名字,否则报错。
3.若是内网穿透工具命令执行成功,则访问给出的带域名的网址与访问本地localhost的地址,所得到的结果是一样的。
4.将得到的安全域名添加到应用的HTTP安全域名列表内。
开发小程序前端
1.打开git,执行以下命令,获取项目文件。
git clone https://github.com/open-dingtalk/org-mini-program-tutorial-front-end.git
下载后的文件,如图所示。
2.打开小程序开发者工具,然后选择已下载的小程序项目。
3.登陆小程序开发者工具,选择企业内部应用,关联到自己之前创建的应用。
4.打开org-mini-program-tutorial-front-end/page/index/index.js
文件修改应用的域名,修改为内网穿透工具得到的那个域名。
5.点击模拟器中的【点击登陆】,若是前面所有配置均正确,则会在下面返回用户信息。
若是服务器出口IP配置错误,则会报data NULL等错误信息。可以到IntelliJ IDEA内查看到错误日志,根据错误信息,进行修改即可。
上传发布小程序
1.在小程序开发者工具右上角单击上传,确认小程序版本,然后再次单击上传。
2.上传成功后,打开开发者后台,在应用详情页面,单击版本管理与发布,然后选择已上传的版本,再次单击发布。
3.在钉钉工作台,在未分组内找到应用,点击即可体验。
原创文章,禁止转载,如有疑问,欢迎留言。