快应用初体验

快应用初体验

最近一直在写微信小程序,前几天国内几个著名的Android手机厂商,发布了 快应用 看了看介绍和文档,觉得和微信小程序的开发差不太多。所以决定研究一下,看一下官网http://www.jianshu.com/p/0ba717f7385f 对快应用的介绍。

什么是快应用?

  1. 快应用标准的诞生将在研发接口、能力接入、开发者服务等层面建设标准平台,以平台化的生态模式对个人开发者和企业开发者全品类开放。
  2. 快应用具备传统APP完整的应用体验,无需安装、即点即用。
  3. 快应用是基于手机硬件平台的新型应用形态,标准是由主流手机厂商组成的快应用联盟联合制定。

环境搭建

安装nodejs

安装hap-toolkit

通过npm仓库安装,在命令行中执行以下命令:

1
npm install -g hap-toolkit

在命令行中执行hap -V会输出版本信息表示hap-toolkit安装成功,如下命令所示:

1
hap -V

创建项目

搭建好环境后,开发者就可以利用全局hap命令创建一个项目模板,如下所示,其中为自定义的项目名称

1
hap init <ProjectName>

编译项目

在项目根目录下,运行如下命令安装依赖包(webpack,babel等)

1
npm install

编译项目

在项目的根目录下,运行如下命令进行编译打包,生成rpk包

1
npm run build

编译打包成功后,项目根目录下会生成文件夹:build、dist

build:临时产出,包含编译后的页面js,图片等
dist:最终产出,包含rpk文件。其实是将build目录下的资源打包压缩为一个文件,后缀名为rpk,这个rpk文件就是项目编译后的最终产出
自动重新编译

如果希望每次修改源代码文件后,都自动重新编译项目,请使用如下命令:

1
npm run watch

手机安装调试

调试器APK是一个Android应用程序,请从站点地址下载https://statres.quickapp.cn/quickapp/quickapp/201803/file/201803221213415527241.apk

在手机上安装并打开调试器APK

手机安装平台预览版

较新的系统版本中内置平台正式版,即真实的运行环境。然而,更新平台正式版的时间周期较长,开发调试平台新功能可使用平台预览版

平台预览版APK是一个Android应用程序,请从站点地址下载https://statres.quickapp.cn/quickapp/quickapp/201803/file/20180322121456491785.apk

在平台上运行rpk包

  1. HTTP请求
    启动HTTP服务器

在终端中新建一个窗口,进入项目的根目录运行如下命令,启动本地服务器(默认端口为12306)

1
npm run server

自定义端口(如:8080)

1
npm run server -- --port 8080

配置HTTP服务器地址有两种方式,以下两者选其一即可:

打开调试器 –> 点击”扫码安装”,扫描终端窗口中的二维码即可完成配置(若扫描不成功,可在浏览器中打开页面:http://localhost:,扫描页面中的二维码)
打开调试器 –> 点击右上角menu –> 设置,输入终端窗口中提示的HTTP服务器地址
配置完成后,若没有自动唤起平台运行rpk包,点击在线更新唤起平台运行rpk包

2.本地安装

dist目录下编译产出的rpk包通过USB数据线或其他方式,复制到手机里面

打开调试器 –> 点击”本地安装”,选择手机文件系统中的rpk包,并自动唤起平台运行rpk包,查看效果

开发文档 https://doc.quickapp.cn