Android快应用学习——环境配置

女爷i 2022-05-21 11:30 136阅读 0赞

**快应用简介**

1.什么是快应用？

继2017年小米推出「直达服务」、魅族推出「快捷应用」、金立推出「秒开应用」之后，如今，手机厂商将基于安卓生态合力进击，试图重新拿回应用分发上的主导权。  
       而整个小程序生态历经一整年风风雨雨，2018年势必迎来全面爆发。作为新一代移动端应用分发入口，小程序的趋势日趋明朗化，竞争也在急剧激烈化。战线从手机QQ、QQ浏览器、支付宝、手机淘宝，再拉到了谷歌的Instant App，微软的PWA、Face book的React Native。  
       此外，行业还一度盛传今日头条或将发力小程序，百度类似直达号的轻型应用也可能曲线回归，一场围绕移动互联网下半场的关键战役已经全面打响。  
      而快应用是九大手机厂商基于硬件平台共同推出的新型应用生态。快应用使用前端技术栈开发，原生渲染，同时具备H5页面和原生应用的双重优点。  
      用户无需下载安装，即点即用，享受原生应用的性能体验。快应用框架深度集成进各厂商手机系统中，可以在操作系统层面实现用户需求与应用服务间的无缝连接，提升用户的使用体验和应用服务的转化效率，同时支持生成桌面图标等留存能力。

开发方面，快应用标准和平台，最大化降低了开发者的开发和推广成本，开发者可一站式接入实现跨厂商终端运行。

**2.快应用的作用？**

快应用使用前端技术栈开发，原生渲染，同时具备HTML5页面和原生应用的双重优点。用户无需下载安装，即点即用，享受原生应用的性能体验。

**根据上面了解是不是很好奇，下面我们开始步入正文。**

![70][]

**我们需要安装的程序有：toolkit工具hap-toolkit、调试器debugger，平台预览版mockup platform**

**1.toolkit工具的安装**

1.1 在安装toolkit之前我们要先安装Node.js，安装过的同学绕道，没安装的[点击这里][Link 1]。（下载后直接解压即可）

1.2 安装toolkit

1.2.1 进入压缩包的根目录，然后按住 shift 点击鼠标右键，选择“在此处打开命令窗口（w）”

根目录结构图（我这个是已经下载好的，所以应该比你们的多）

![70 1][]

打开cmd命令窗口后，我们输入以下命令

npm install -g hap-toolkit

大致安装过程是这样的：

![70 2][]

查看我们的npm版本信息可以输入以下命令：

npm -V

版本截图：

![70 3][]

**2.手机安装调试器**

调试器是一个Android应用程序，下载调试器APK详见[资源下载][Link 2]

在手机上安装并打开调试器，按钮功能如下：

*  **扫码安装**：配置HTTP服务器地址，下载rpk包，并唤起平台运行rpk包
 *  **本地安装**：选择手机文件系统中的rpk包，并唤起平台运行rpk包
 *  **在线更新**：重新发送HTTP请求，更新rpk包，并唤起平台运行rpk包
 *  **开始调试**：唤起平台运行rpk包，并启动远程调试

**注意**：若打开调试器无法点击按钮，请升级手机系统到最新版本或安装平台预览版

安装成功后如下图所示：

![70 4][]

**3.手机安装平台预览版**

较新的系统版本中内置平台正式版，开发调试平台新功能可使用平台预览版

平台预览版存在以下优缺点：

*  优点：迭代速度快，可立即体验平台新功能
 *  缺点：实现与真实的运行环境存在差异，对厂商服务和第三方服务的支持存在缺陷

平台预览版是一个Android应用程序，下载平台预览版APK详见[资源下载][Link 2]

下载安装成功后，在手机调试器中点击切换运行平台至`org.hapjs.mockup`，即可在平台预览版上安装运行rpk包

[70]: /images/20220521/0eb775fedad145ec9bd6af27acd9b2cc.png
[Link 1]: https://pan.baidu.com/s/1pqP863gKjgSXHLynnHckjA
[70 1]: /images/20220521/8299d207cb8f407e8646a8827de6880f.png
[70 2]: /images/20220521/5c4f8790cb0148af9e495e2ade3b454b.png
[70 3]: /images/20220521/1aba700d5c85403b979bed278124a5ac.png
[Link 2]: https://www.quickapp.cn/docCenter/post/69
[70 4]: /images/20220521/dd0d335b82ca4ac7a0ffd809aff4e242.png