写在E应用之前的钉钉H5微应用开发流程

近很长一段时间，都在研究钉钉微应用的开发，从weex，h5，到现在的E应用，爬过不短的路，踩过不少的坑。6月份的时候，钉钉正式发布了E应用的开发模式，能通过简洁的前端语法写出Native级别的性能体验。眼看着微应用的H5前端开发方式就要被抛弃时，写这篇文章就当是一个缅怀吧。

Demo见github

• DingDemo
• DingDemoApi

第一步：官方文档

如图可以看到官方提供的API，基本上常用的就是红框中的内容，要仔细研究一下。

官方提供的api.png

第二步：配置环境和工具

我用的工具是NowaGUI和VSCode(webStorm等等也可以)，nowa工具很方便集成了很多要配置的环境，一键安装就可以了。我用的是第一个模板，其实模不模板都无所谓(模板是用native写的，我不是太懂就没用，懂得童鞋直接用native也行)，反正里面的内容我都不用的，只是用nowa提供的便捷功能就行了。

nowa创建项目模板1.png

然后填写信息，依赖安装就可以了。具体操作，nowa的官方文档写的很详细，我就不赘述啦。

nowa创建项目模板2.png
启动：就是在本地开一个服务，生成了一个链接(我本机的是http://192.168.22.22:3000)，可以丢到钉钉客户端IM页面里打开
编译：就是把文件打包，用来发布
代码：就是在IDE中打开代码(支持Sublime，VScode，WebStorm)
nowa创建项目模板3.png

第三步：开始写代码

其实也就红框部分的内容最重要，其他文件没时间就不用看了。H5代码写在html文件夹里面就可以啦。

代码结构.png

第四步：常见问题处理

本想写在一起，但是开发过程中遇到的问题太多，写在一起就显得比较繁琐了。那么开发过程中遇到的问题就见下一篇《钉钉H5微应用开发常见问题》。