近很长一段时间,都在研究钉钉微应用的开发,从weex,h5,到现在的E应用,爬过不短的路,踩过不少的坑。6月份的时候,钉钉正式发布了E应用的开发模式,能通过简洁的前端语法写出Native级别的性能体验。眼看着微应用的H5前端开发方式就要被抛弃时,写这篇文章就当是一个缅怀吧。
Demo见github
第一步:官方文档
如图可以看到官方提供的API,基本上常用的就是红框中的内容,要仔细研究一下。
第二步:配置环境和工具
我用的工具是NowaGUI和VSCode(webStorm等等也可以),nowa工具很方便集成了很多要配置的环境,一键安装就可以了。我用的是第一个模板,其实模不模板都无所谓(模板是用native写的,我不是太懂就没用,懂得童鞋直接用native也行),反正里面的内容我都不用的,只是用nowa提供的便捷功能就行了。
然后填写信息,依赖安装就可以了。具体操作,nowa的官方文档写的很详细,我就不赘述啦。
启动:就是在本地开一个服务,生成了一个链接(我本机的是http://192.168.22.22:3000),可以丢到钉钉客户端IM页面里打开
编译:就是把文件打包,用来发布
代码:就是在IDE中打开代码(支持Sublime,VScode,WebStorm)
第三步:开始写代码
其实也就红框部分的内容最重要,其他文件没时间就不用看了。H5代码写在html文件夹里面就可以啦。
第四步:常见问题处理
本想写在一起,但是开发过程中遇到的问题太多,写在一起就显得比较繁琐了。那么开发过程中遇到的问题就见下一篇《钉钉H5微应用开发常见问题》。