快应用QuickApp
快应用QuickApp
快应用介绍
提到快应用，不得不说小程序。iPhone发布10周年之际，微信推出小程序。去年，当吃鸡游戏开始火爆之时，微信推出了小游戏。当小程序被越来越多的用户接受的时候，吸引了用户和流量，十大手机厂商联合推出了快应用。因为小程序的出现威胁到了手机厂商应用市场。
在 17 年 7 月，谷歌向所有开发者开放了 Android Instant Apps ，它就是原生 App 的扩展，和快应用是一样的产品，可惜国内无法使用。
快应用和小程序的区别 ：快应用是基于安卓系统的，微信小程序是基础微信 App 生态的。快应用体积更小，可以达到类似 React Native 的原生体验效果，而微信小程序只能在微信内部运行。
快应用体积小，让你用最快的方式接触用户，降低用户使用成本。用户抵达应用的中间环节极大减少，能提高转化率，同时只需要很小的投入。
开始你的第一个快应用
天下武功，无快不破，让我们开始快应用的开发吧。快应用是在安卓手机运行，准备好一款安卓手机。首先，介绍一下环境的搭建，需要 电脑上安装 Nodejs ，如果不会自行搜索。
- 安装 hap-toolkit
npm install -g hap-toolkit
安装完毕后执行 hap --version 查看是否安装成功
目前版本是 0.0.26
- 创建第一个工程项目
执行项目初始化命令
hap init hapDemo
- 安装 npm 依赖
进入到项目目录，执行
npm install
依赖安装后，查看一下项目文件夹目录
├── node_modules
├── sign rpk包签名模块
│ └── debug 调试环境
│ ├── certificate.pem 证书文件
│ └── private.pem 私钥文件
├── src
│ ├── Common 公用的资源文件和组件文件
│ │ └── logo.png manifest.json中配置的icon
│ ├── Demo 页面目录
│ | └── index.ux 页面文件，文件名不必与父文件夹相同
│ ├── app.ux APP文件（用于包括公用资源）
│ └── manifest.json 项目配置文件（如：应用描述、接口申明、页面路由等）
└── package.json 定义项目需要的各种模块及配置信息，npm install根据这个配置文件，自动下载所需的运行和开发环境
- 编译项目
项目文件夹下，执行
npm run build
执行到这里可能会报错，如下：
Error: Cannot find module '/Users/***/***/node_modules/hap-tools/webpack.config.js'
【注】这是由于高版本的npm 在 npm install 时，会校验并删除了 node_modules 下部分文件夹，导致报错。而 hap update --force 会重新复制 hap-toolkit 文件夹到 node_modules 中。
执行 hap update --force
然后执行 npm run build 就能编译成功，完成后会多处两个目录：
- build：存放编译后到 js 文件和资源文件
- dist：存放编译打包生产的 rpk 压缩文件，也就是快应用的执行文件
运行你的快应用
- 手机安装调试器
安装 官方文档 的提示下载调试器，安装完成后打开。
启用开发者模式的安卓手机连上电脑，转到项目目录下dist执行
将 rpk 文件传输到手机根目录。
还有扫描安装，类似 React Native 的 Expo 应用直接扫描本地server生成的二维码来运行代码，效果类似，这里不再展示了。
手机上打开快应用调试器，点击本地安装，选择刚才放入到手机的 rpk 文件。
安装后，进入快应用的界面。
点击跳转到详情页按钮，进入下个页面，如图
启用了手机开发者选项的显示布局边界功能，我们看到都是原生的布局。
快应用可以创建桌面图标，让你可以像使用原生应用一样即点即用。如图
在安卓手机上的应用图标
使用快应用开发框架
这里快应用入门的简单介绍，更多框架的介绍在官网的框架介绍文档。如果想要深入的学习，官方的开发文档是必不可少的。如果这篇文章对你学习快应用有所帮助，欢迎朋友们点个赞。
