开发工具｜H5微应用本地开发新姿势

你在本地开发H5微应用时也遇到了这些问题？：

1. 不知道如何调试

2. 不知道如何将本地的页面在钉钉客户端内打开来调试JSAPI

3. 不知道该使用什么ui组件

4. 调用JSAPI前要鉴权，很麻烦

我们推出了钉钉H5微应用本地工具，可以在Web浏览器中开发钉钉H5微应用，并支持常用的40+个JSAPI，快来试试吧

简介：

H5微应用本地开发工具是钉钉开放平台新推出的H5微应用本地开发工具，开发者通过这个工具可以做到在Web浏览器中调试H5微应用和JSAPI，像开发一个普通H5应用一样开发钉钉H5微应用。

功能：

支持本地调试JSAPI。在Web浏览器开发、调试钉钉H5微应用，及调试常用的40+个JSAPI。
JSAPI免鉴权。使用H5微应用开发工具开发H5微应用时，本地调用JSAPI不需要鉴权。
支持调试标签、样式、打印日志、查看网络请求等。
支持断点调试。
支持热更新。

使用流程

参考以下步骤，使用H5微应用开发工具进行开发。

1.执行以下命令，安装DingTalk-Design-CLI。

npm i dingtalk-design-cli@0.20.4 -g

2.执行以下命令，查看是否已经成功安装DingTalk-Design-CLI。

ding -v

3.执行以下命令，初始化代码模版到本地。

ding  init -o h5Test -a h5 -t h5_jsapi_component_demo_vue -l javascript

4.执行以下命令，启动开发、调试功能。

在刚刚初始化好的代码目录下执行以下命令，启动本地开发、调试。

cd h5Test
ding dev web

命令执行成功后，会默认在本地10003端口打开「H5微应用本地开发工具」，预期效果如下。

到这里，你就可以在Web浏览器像开发一个普通H5应用一样开发钉钉H5微应用了。

一键了解更多

开发工具｜H5微应用本地开发新姿势相关推荐

Java对接钉钉开发第三方H5微应用详细教程
文章转载自:钉钉开发第三方H5微应用入门详细教程[ISV][免登流程][授权码][HTTP回调推送][识别用户身份][获取用户信息] - 世间草木 - 博客园 (by lnexin@aliyun.co ...
浅谈软件开发工具CASE在软件项目开发中发挥的作用认识
浅谈软件开发工具CASE在软件项目开发中发挥的作用认识内容摘要:阐述了CASE工具作为一种开发环境在软件项目开发中所起到的开发及管理作用.CASE工具实际上是把原先由手工完成的开发过程转变为以自动 ...
微信小程序开发工具结合腾讯云开发AI人脸识别和身份证识别——基于腾讯云开发者实验项目
微信小程序开发工具结合腾讯云开发AI人脸识别和身份证识别--基于腾讯云开发者实验项目开通腾讯云相关权限(AI人脸识别,文字识别-身份证识别) 查看API密钥部署微信小程序成功演示代码包开通腾 ...
钉钉开发第三方H5微应用入门详细教程[ISV][免登流程][授权码][HTTP回调推送][识别用户身份][获取用户信息]...
转载请注明原文地址:https://www.cnblogs.com/applerosa/p/11509512.html (by lnexin@aliyun.com 世间草木) 此教程注意点: 适用于第 ...
html5 移动端开发工具,H5推荐：最好用的五大移动应用开发工具
移动互联网的开放性带给草根创业者许多想象,"有为青年.白手起家.90后创业",成为这个时代最值得骄傲的字眼.打工不易,创业更不易,开发者不仅要面对专业技术.创新思维.市场推广的考验 ...
精通WordPress设计与开发：第3章本地开发WordPress
本章内容: ➤本地开发 ➤搭建一个本地开发环境 ➤配置本地开发环境 ➤发布本地项目现在你已经知道如何使用WordPress以及基本的布局,让我们看看如何开始使用WordPress做一些事情,而不仅仅 ...
小程序开发工具_微信小程序开发工具：电商、酒店、展示、文章制作教程
现在市面上各种微信小程序开发工具已经很多了,类型也不同,很多小白不知道该怎么用.其实如果能够选对智能小程序开发平台,那么开发小程序也可以是很简单的事,不管是什么类型,都能很快生成.接下来我就跟教大家各 ...
java 集成开发工具_最好的Java开发人员测试和集成工具
java 集成开发工具通过从您的应用程序学习企业APM产品,发现更快,更有效的性能监控. 参加AppDynamics APM导览! 无论您是刚刚起步还是已经从事了一段时间,使用正确的工具进行编程都可 ...
【Linux】三、Linux 环境基础及开发工具使用（上篇）|开发工具|编辑器-vim使用|sudo提升权限问题|编译器 - gcc/g++使用|项目自动化构建工构建工具-make/Makefile
目录一.开发工具二.Linux编辑器 - vim使用 2.1 vim 的基本概念 2.2 vim的基本操作 2.3 vim正常模式命令集 2.4 vim末行模式命令集 2.5 简单vim配置 2. ...

开发工具｜H5微应用本地开发新姿势

开发工具｜H5微应用本地开发新姿势相关推荐

最新文章

热门文章