入门快应用的另外一种姿式

3月20日,北京朝阳区中国大饭店,小米、中兴、华为、金立、联想、魅族、努比亚、OPPO、vivo、一加,共十家手机厂商联合宣布成立快应用联盟,推出快应用。git

接下来,引起无数开发者关注,入门教程网上也出了很多,但大多都是将快应用官网的文档简单复制一遍,流程基本都是:install hap-toolkit ==> hap init project ==>run build ==> 真机预览。github

也许,换个姿式更省力。npm

缘由有二:小程序

  • 明明有可视化IDE,何须要执行一系列命令?
  • 有更完善的组件及接口能力演示Demo,何须建立空项目?

搭建环境

安装Nodejs:这个是必需的,建议8.0以上版本微信小程序

安装HBuilderX:官网quickapp.dcloud.io,HBuilderX内置快应用的语法提示及代码块,可显著提高开发效率微信

下载代码

官网及第三方入门教程,大可能是建立一个空的快应用项目模板,没法直接体验快应用的组件及接口能力。app

本文推荐从github下载hello-quickapp项目,该项目相似微信小程序示例,对快应用目前已支持的各类组件及接口能力进行展现。ui

导入工程

启动HBuilderX,将下载后的hello-quickapp项目拖拽到HBuilerX中,会自动生成一个快应用工程,以下图所示:3d

注意:仅拖拽hello-quickapp文件夹便可,无需拖拽quickapp-master文件夹。调试

真机运行

不须要执行各类npm命令,只须要找一部安卓手机,经过USB数据线连上电脑,手机上打开两个开关:

  • USB链接方式切换为“媒体设备(MTP)”
  • 开发者选项,开启USB调试

而后在HBuilderX顶部菜单中点击:运行—>真机运行—>选择已链接的Android手机,以下图所示:

手机上运行成功后,界面以下:

切换组件及接口选项卡,能够查看快应用的各类接口能力,以下为界面交互的菜单:

模板选项卡是经常使用模板集合,正在完善。

发行rpk

若是但愿查看在官方调试器上的运行效果,按照以下步骤操做:

  • 生成rpk:在HBuilderX顶部菜单中依次点击:发行—>快应用发行—>生成rpk文件
  • 将HBuilderX生成的rpk,复制到手机的文件系统中
  • 安装快应用调试器平台预览版,注意两个apk都须要安装,平台预览版是为了模拟快应用的运行时环境
  • 打开手机上的“快应用调试器”,点击“本地安装” ,选择步骤2复制进来的rpk文件,便可预览hello-quickapp

好了,相比执行各类命令,是否是更简洁?

相关文章
相关标签/搜索