3月20日,北京朝阳区中国大饭店,小米、中兴、华为、金立、联想、魅族、努比亚、OPPO、vivo、一加,共十家手机厂商联合宣布成立快应用联盟,推出快应用。
接下来,引发无数开发者关注,入门教程网上也出了不少,但大多都是将快应用官网的文档简单复制一遍,流程基本都是:
install hap-toolkit ==> hap init project ==>run build ==> 真机预览
也许,换个姿势更省力。
原因有二:
明明有可视化IDE,何必要执行一系列命令?
有更完善的组件及接口能力演示Demo,何必创建空项目?
搭建环境
安装Nodejs:这个是必需的,建议8.0以上版本
安装HBuilderX:官网quickapp.dcloud.io,HBuilderX内置快应用的语法提示及代码块,可显著提升开发效率
下载代码
官网及第三方入门教程,大多是创建一个空的快应用项目模板,无法直接体验快应用的组件及接口能力。
本文推荐从github下载hello-quickapp项目,该项目类似微信小程序示例,对快应用目前已支持的各种组件及接口能力进行展示。
导入工程
启动HBuilderX,将下载后的hello-quickapp项目拖拽到HBuilerX中,会自动生成一个快应用工程,如下图所示:
注意:仅拖拽hello-quickapp文件夹即可,无需拖拽quickapp-master文件夹。
真机运行
不需要执行各种npm命令,只需要找一部安卓手机,通过USB数据线连上电脑,手机上打开两个开关:
USB连接方式切换为“媒体设备(MTP)”
开发者选项,开启USB调试
然后在HBuilderX顶部菜单中点击:运行—>真机运行—>选择已连接的Android手机,如下图所示:
手机上运行成功后,界面如下:
切换组件及接口选项卡,可以查看快应用的各种接口能力,如下为界面交互的菜单:
模板选项卡是常用模板集合,正在完善。
发行rpk
如果希望查看在官方调试器上的运行效果,按照如下步骤操作:
生成rpk:在HBuilderX顶部菜单中依次点击:发行—>快应用发行—>生成rpk文件
打开手机上的“快应用调试器”,点击“本地安装” ,选择步骤2复制进来的rpk文件,即可预览hello-quickapp
好了,相比执行各种命令,是不是更简洁?