钉钉微应用开发(一)环境搭建

钉钉开发按照应用类型可以分为小程序以及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,环境搭建搞定。

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

友情链接更多精彩内容