钉钉开发按照应用类型可以分为小程序以及h5微应用两种。小程序是钉钉自定义的一种开发模式,类似安卓或者微信小程序。和h5微应用区别如下:

来自官网
因为项目中需要用到地图,钉钉官方实例中的地图实在不好用,所以选择了h5的开发模式。
1、创建应用
登陆钉钉开发者平台,选择H5微应用,创建一个应用

创建应用

填写基本信息
2、内网穿透
在使用钉钉的JSAPI时,要检验是否在钉钉环境中运行,所以要在真机或者钉钉电脑端进行调试,所以调试过程中需要使用公网IP或者域名。
钉钉开发官网提供了一个内网穿透工具git clone https://github.com/open-dingtalk/pierced.git
下载完成后 cd /d C:\path\pierced\windows_64 ding.exe -config=ding.cfg -subdomain=名称 端口即可完成映射
3、Invalid Host/Origin header解决
打开浏览器发现页面一直报错 Invalid Host/Origin header
百度了下发现了这个文章https://blog.csdn.net/u013243347/article/details/85223016,这个错误是由于webpack出于安全考虑,因为不检查主机的应用程序容易受到DNS重新绑定攻击。
在angular.json里面设置disableHostCheck:true

设置
disableHostCheck
OK,环境搭建搞定。