我的 Serverless 实战—钉钉应用云开发实战营第4课，本地实验开发一个钉钉小程序

钉钉应用云开发实战营第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.在钉钉工作台，在未分组内找到应用，点击即可体验。

原创文章，禁止转载，如有疑问，欢迎留言。