快应用 QuickApp

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

虽然我并不是很看好这个快应用，但是作为开发者，稍微了解下应该不会错的，所以随便搞个demo试一下吧。
其实最好的教程就是官方的文档，地址https://doc.quickapp.cn/
好了，我们开始吧~
 
1.环境搭建

• 1. 安装Node.js[list][*]这个直接node官网下载即可，快应用官方推荐版本v6.11.3
• 本着能用新的绝不用旧的的原则，我安装了最新版本v8.9.3，这里官方提示不要8.0.*版本，存在不兼容问题  
• 

[/*]
[*]2. 安装hap-toolkit

• 直接npm 安装即可

• npm install -g hap-toolkit

• 安装完 hap -V 即可查看版本号
• 

[/*]
[/list]
 2.初始化项目
    安装完hap-toolkit后就可以新建项目了
    在目标文件夹下执行命令

hap init <ProjectName>

其中 ProjectName 即为项目名称
一顿输出后可以看到项目新建完成

整个项目结构如下图，包含示例界面

├── sign                      rpk包签名模块
│   └── debug                 调试环境
│       ├── certificate.pem   证书文件
│       └── private.pem       私钥文件
├── src
│   ├── Common                公用的资源和组件文件
│   │   └── logo.png          应用图标
│   ├── Demo                  页面目录
│   |   └── index.ux          页面文件，可自定义页面名称
│   ├── app.ux                APP文件，可引入公共脚本，暴露公共数据和方法等
│   └── manifest.json         项目配置文件，配置应用图标、页面路由等
└── package.json              定义项目需要的各种模块及配置信息

3. 编译项目
在编译前，需要安装相关的依赖，在项目根目录下npm install 即可

又是一顿输出，安装完成后运行npm run build 编译项目，不过这时候正常情况应该是会报个错，

运行一下

hap update --force 

后重新编译，编译完成后就可以准备预览啦

 
 
4. 预览项目
首先需要在手机上安装调试器和平台预览版 地址分别如下
快应用调试器
平台预览版
两个都安装好后，有两种方法

• http请求：运行npm run server

        控制台会生成一个二维码，用调试器扫码安装
        至于为什么这个二维码长这样，我也不知道……所以，我们暂时用浏览器打开这个地址来扫码
        

• 本地安装：在dist文件夹下找到rpk，发送到手机，用调试本地安装即可

 
 
最后效果

----------------------昏割线---------------------
这里基本也算入门了。
接下来稍微看下整个项目的结构
 
首先 src文件夹下的manifest.json主要配置一些项目的基本信息和页面路由，基本都是一目了然的。比如说包名，应用名称，版本号，图标，日志级别，页面等等。

随后app.ux 主要是应用级别的配置，相当于全局设置。

对于单个页面/组件，主要由三个部分组成，template模板、style样式和script脚本。
其中template就跟平时写html或小程序wxml一样，而且支持flex布局，这个就爽歪歪了~
style也跟平时写样式一样，而且支持less，这对广大前端开发者来说是毫无压力的。
另外要说的是这里的长度单位仅有px 和%，而且这个px并不是传统意义上的px，而是跟微信小程序rpx基本一致的概念。只要设计稿按宽度750px设计，那么就可以图上多少就写多少了。
至于script，就得了解一下页面的生命周期
onInit、onReady、onShow、onHide、onDestroy、onBackPress、onMenuPress
基本上看名字就知道调用时机了~

另外，整个框架封装了一些常用的组件，比如tabs，list，swiper等，以及一些原生接口，比如二维码，剪贴板，网络接口，文件接口，传感器，通知，震动，音视频等等。
基本上熟悉小程序或react 的看一下文档都能快速上手~

--------------再割一下-----------------

好了，介绍到此结束，详细的可自行查看文档
最后来说说为什么我不看好快应用
快应用目前来看只是各大手机厂商对于微信小程序的一种自卫手段，就像支付宝推出的小程序一样。
当年不少手机浏览器都推出过一个叫轻应用的概念，无需下载，即搜即用，跟小程序的即用即走是不是很像？那为什么没有起来呢？除了当年网络环境比较差以外，很大程度是缺少那么一个场景。小程序之所以能做到目前的体量，也完全因为他是微信。微信他有那个影响力，天然的社交渠道使得小程序能够随意分享，与好友互动，这是手机厂商不具备的。在微信养成一定用户习惯后改变的成本是巨大的。另外一个原因，各个应用开发者的精力也不会主要放在小程序或快应用上，虽然小程序和快应用的开发成本并不是特别高，但是一般的开发者主要做的就是能用就行……完整的功能依然需要app，这也是小程序和快应用无法取代原生app的原因。


以上纯属个人见解，大家随便看看~~