快应用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 文件。
安装后,进入快应用的界面。
点击跳转到详情页按钮,进入下个页面,如图
启用了手机开发者选项的显示布局边界功能,我们看到都是原生的布局。
快应用可以创建桌面图标,让你可以像使用原生应用一样即点即用。如图
在安卓手机上的应用图标
使用快应用开发框架
这里快应用入门的简单介绍,更多框架的介绍在官网的框架介绍文档。如果想要深入的学习,官方的开发文档是必不可少的。如果这篇文章对你学习快应用有所帮助,欢迎朋友们点个赞。
![](https://image.shishitao.com:8440/aHR0cHM6Ly9pbWcyMDIwLmNuYmxvZ3MuY29tL2Jsb2cvMzU2OTUvMjAyMjAxLzM1Njk1LTIwMjIwMTA0MTQ0NTU3OTczLTU0NjEyODcyOC5qcGc%3D.jpg?w=700&webp=1)