创建微应用

◇在钉钉开放平台中创建微应用,服务器出口IP填写为当前所用网络的公网出口IP;
◇如果微应用要支持PC端访问则也填写”PC端首页地址”;

配置首页地址

●启动本地开发环境服务器,以地址 “http://192.168.1.10:8080" 为例;
●首页地址有使用穿透工具与不使用穿透工具两种方式;

使用穿透工具

●使用钉钉提供的内网穿透工具执行如下格式的命令:

1
ding -config=./ding.cfg -subdomain=congzhou 8080

●以上命令执行后打印信息示例如下,表示将将公网域映射到本地成功;

1
2
3
4
5
6
7
8
9
10
ngrok

Tunnel Status online
Version 1.7/1.7
Forwarding http://congzhou.vaiwan.com:8081 -> 127.0.0.1:8080
Forwarding https://congzhou.vaiwan.com:8081 -> 127.0.0.1:8080
Web Interface 127.0.0.1:4040
# Conn 434
Avg Conn Time 47277.91ms

●此时通过控制台中显示的网址 “http://congzhou.vaiwan.com" (__注意不要带端口号__)就可以访问到本地的 “http://192.168.1.10:8080" ,将网址配置到"首页地址"项即可在微应用中访问;

不使用穿透工具

□后来发现不使用穿透工具而直接填写本地地址 “http://192.168.1.10:8080" 也是可以访问的(今天2020年10月21日仍可以),只要访问终端与开发环境处于同一个局域网;

调试

■安装钉钉RC版客户端,并在OA工作台打开微应用页面,然后在浏览器中访问 “http://localhost:16888" ,即可调试当前打开的微应用页面;
■上述调试方式目前已不可用(今天2020年10月21日仍不可用),浏览器控制台报错“inspector.js:2978 document.registerElement is not a function”,只好改用VConsole与Eruda之类调试面板了,推荐一个更方便地隐藏与显示调试面板的工具库:click-password