关于钉钉微应用开发，真的尝尽了苦头。

要么是因为非钉钉环境报错，要么是发版到钉钉之后看不到日志的难受。

之前写过一个钉钉微应用 - - - - 如何本地开发调试？算是解决了一部分问题，但还是很不方便。

最近才发现，钉钉微应用开发有专门的IDE，官方地址: 微应用调试工具-IDE

接下来就展示一下如何使用这个IDE.

1. 下载IDE & 登录钉钉开发者工具

先根据自己的电脑，是windows就下载windows的，是mac就得区分芯片

步骤如下：苹果图标 - 关于本机 - 图形卡/芯片

2. 打开H5微应用

方式有两种：

通过应用管理打开H5微应用，鼠标悬停在需要打开的H5微应用上，点击打开按钮。填写备份目录，该目录填写微应用在本地的项目代码目录。
通过右上角打开H5微应用在本地的项目目录。

2.1 通过应用管理打开H5微应用

鼠标悬停在需要打开的H5微应用上，点击打开按钮。填写备份目录，该目录填写微应用在本地的项目代码目录。

2.2 通过右上角打开H5微应用在本地的项目目录

3.启动项目

点击右上角模拟器按钮
点击模拟器内的编译设置按钮。
填写模拟器设置信息，填写项目的启动配置后，点击保存。 (编译功能依赖当前机器环境，请确保配置的命令和端口可在当前环境下运行，否则将无法运行。)
点击启动编译按钮。

4. 开始调试

4.1 开始调试，点击编译器的预览按钮，选择在钉钉工作台打开的方式
跳转到钉钉客户端内工作台，打开该微应用页面，并点击右下角按钮可进入调试
调试效果如下图所示。

如此即可在本地进行开发调试钉钉微应用了！！！

5. 踩坑

5.1 钉钉开发者工具报错如下

暂无解决办法，可点击预览 - 钉钉打开。如 4.1

5.2 报错微应用`https://dingone.test.dingtalk.com`

解决办法：
将该地址添加到微应用链接中

5.3 报错 corpid不合法

如图：

解决办法：
暂时没找到更好的解决办法，可先在项目中配置好corpid即可

钉钉微应用 - - - - 如何本地开发调试相关推荐

NatApp内网穿透微信公众号本地开发调试
NatApp内网穿透微信公众号本地开发调试什么是内网穿透内网穿透简单来说就是将内网外网通过natapp隧道打通,让内网的数据让外网可以获取.比如常用的办公室软件等,一般在办公室或家里,通过拨号上 ...
pycharm remote 远程项目同步本地_手把手教你Pycharm远程连接服务器端项目进行本地开发调试...
以下文章来源于Python进击者 ,作者kuls Python进击者博主Kuls,分享Python爬虫,Python后端等原创技术文章 by:Python进击者 centos7的云服务器上,我该怎么 ...
用Natapp(ngrok)进行微信本地开发调试
1.首先在本站注册账号点击注册 2.登录后,点击左边购买隧道,免费/付费均可 3.根据需要选择隧道协议,这里以web演示,购买隧道 4.本机建立web服务,如 nginx/apache/iis 等 ...
钉钉企业微应用调试方法
解决钉钉企业微应用需要反复部署调试的方法钉钉微应用调试方法启动你的本地项目(前提要后端允许本地的id地址访问[关于后端如何允许前端id地址访问的操作请看最下方~]) 首先下载钉钉RC版进到RC版 ...
k8s本地开发工具telepresence及部署
背景 k8s内部的pod ip .svc ip 无法被集群外用户访问,目前内部信息化集群需要通过svc ip访问到应用的swagger页面,解决方案主要有三种,分别为ingress转发.NodePor ...
Draft-微软出品的云原生下的本地开发辅助工具
一.介绍 Draft是微软Deis团队开源的一个用Go语言编写的容器应用开发辅助工具,用于帮助开发人员简化容器应用程序构建和部署的开发流程.Draft的设计思路在于,允许开发人员在不了Docker和K ...
利用 whistle 进行混合开发调试
介绍 whistle 是一款用 Node 实现的跨平台的 Web 调试代理工具,支持查看修改 http(s).Websocket 连接的请求和响应内容.简而言之就是 Node 版的 Fiddler.C ...
前端开发调试之代理配置
前端开发往往需要在本地调试环境和线上环境之间灵活切换,以将要调试的一个页面为例,页面引用了如下的静态资源,要想在本地开发调试下面引入的js代码,最直接的方法是在把引入的资源路径改成本地调试路径,并起一 ...
Vite 源码解读系列（图文结合） —— 本地开发服务器篇
哈喽,很高兴你能点开这篇博客,本博客是针对 Vite 源码的解读系列文章,认真看完后相信你能对 Vite 的工作流程及原理有一个简单的了解. Vite 是一种新型的前端构建工具,能够显著提升前端开发体 ...

钉钉微应用 - - - - 如何本地开发调试

1. 下载IDE & 登录钉钉开发者工具

2. 打开H5微应用

2.1 通过应用管理打开H5微应用

2.2 通过右上角打开H5微应用在本地的项目目录

3.启动项目

4. 开始调试

5. 踩坑

5.1 钉钉开发者工具报错如下

5.2 报错微应用`https://dingone.test.dingtalk.com`

5.3 报错 corpid不合法

钉钉微应用 - - - - 如何本地开发调试相关推荐

最新文章

热门文章

钉钉微应用 - - - - 如何本地开发调试

1. 下载IDE & 登录钉钉开发者工具

2. 打开H5微应用

2.1 通过应用管理打开H5微应用

2.2 通过右上角打开H5微应用在本地的项目目录

3.启动项目

4. 开始调试

5. 踩坑

5.1 钉钉开发者工具 报错如下

5.2 报错 微应用https://dingone.test.dingtalk.com

5.3 报错 corpid不合法

钉钉微应用 - - - - 如何本地开发调试相关推荐

最新文章

热门文章

5.1 钉钉开发者工具报错如下

5.2 报错微应用`https://dingone.test.dingtalk.com`