开发工具｜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 [email protected] -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微应用了。

一键了解更多

一键了解更多

一键了解更多