美文网首页
钉钉微应用开发(一)环境搭建

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

作者: 我爱福尔摩斯呀 | 来源:发表于2020-04-21 14:29 被阅读0次

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

相关文章

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

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

  • Mac钉钉微应用开发经验总结

    目前遇到的问题和解决方案如下:问题1.Mac钉钉微应用调试环境搭建首先在钉钉管理后台成为开发者 一般用Mac的co...

  • 钉钉H5微应用开发常见问题

    一、怎么在钉钉的IM聊天页面打开微应用? PC端: 手机端: <由于现在不怎么做钉钉开发了就一直没更新,对钉钉开发...

  • Angular开发钉钉微应用

    前端:Angular5.2 后端: 用dgate模拟后端返回数据。(业务需要) Github地址:https://...

  • Angular开发钉钉微应用

    前端:Angular5.2 后端: 用dgate模拟后端返回数据。(业务需要) Github地址:https://...

  • 无标题文章

    慧智联微信钉钉知识库 微信-微信相框 钉钉-tower任务二次开发 各种应用的结合 markdown学习 htt...

  • Young-ddui

    ✍️ Young-ddui是钉钉小程序(E应用)UI组件库,提供API接口主力开发者快速搭建应用。 ✍️ 本项目基...

  • SSR nuxt + node.js 写项目

    最近基于钉钉的“微应用”用最近流行的 SSR 的方式搭建了嵌入在钉钉里的一个后台系统,其中用到的技术 nuxt ...

  • 钉钉客户端开发手机端和PC端共存

    近期在开发一个钉钉上的微应用,要同时在钉钉的手机客户端和PC客户端上可以,且用同一套UI布局,所以摸索了下钉钉微应...

  • 钉钉小程序 开发 PHP + 钉钉小程序 (企业内部应用)

    钉钉小程序 开发 PHP + 钉钉小程序 (企业内部应用) 应公司需求 需要结合钉钉开发小程序 由于公司自用 所以...

网友评论

      本文标题:钉钉微应用开发(一)环境搭建

      本文链接:https://www.haomeiwen.com/subject/evmqmhtx.html