钉钉小程序内嵌web网页

在钉钉内部打开指定网页

由于钉钉自身的限制并没有提供合适的展示列表的功能利用内嵌h5网页的方式展示数据。

1.钉钉端下写内嵌网页

每个页面只能有一个，会自动铺满整个页面，并覆盖其它组件，需要开发者到开发者后台配置渲染H5网页的安全域名。

//src的值是需要打开的页面的地址
<web-view id="web-view-1" src="https://open.dingtalk.com/mobile" onMessage="test"></web-view>

关键词：onMessage=“test” 和id = “web-view-1” 也就是方法名和id的意思，也就意味着可以自定义。

2.两个页面之间的通信——两个API

属性名	接口名	说明
向小程序发送消息	dd.postMessage	向小程序发送消息，自定义一组或多组key/value数据，格式为JSON
监听小程序发送过来的消息	dd.onMessage	监听小程序发送来的数据

3.h5配置——必须引入https://appx/web-view.min.js

注意：通过h5页面直接打开带有dd.命令的页面报错是正常现象，通过钉钉打开就正常了。
参考：https://blog.csdn.net/weixin_42247877/article/details/93056006
https://ding-doc.dingtalk.com/doc#/dev/btk137