Quick App

Posted by summerxx on July 30, 2020

前言 : 自2017年1月9日,张小龙在2017微信公开课Pro上发布的微信小程序正式上线。当时我是觉得入口深, 场景单一, 性能差, 觉得还需要很长的路要走, 经过一段时间的发展, 确实有很多企业在微信小程序上做的很好, 之后给应用市场造成了一定的冲击, 给手机厂商也造成了一定的冲击, 之后快应用应运而生.

1. 什么是快应用

快应用是九大手机厂商基于硬件平台共同推出的新型应用生态。用户无需下载安装,即点即用,享受原生应用的性能体验。

2. 快应用基本概况

  • 平台: 安卓系统

  • 厂商 : 华为、小米、OPPO、vivo、中兴、金立、联想、魅族、努比亚、一加、联想
  • 种类: 类小程序应用
  • 技术栈: 前端技术栈
  • 劣势: 只支持安卓平台

3. 快应用的优势

  • 成本低

    使用相对简单的js和css开发语言,所需代码量仅占安卓原生应用的1/5。

  • 体验好 采用原生渲染技术,具备安卓原生应用的功能和体验,同时具备自动更新、占用内存少的便捷特点。

  • 留存高 无需安装,即点即用,并可添加到桌面。具有统一行业标准,可跨手机品牌完成社交无缝传播。

4. 快应用的场景

场景: 全局搜索、语音助手、应用商店、浏览器、系统桌面、安全中心、垃圾清理、信息助手、快应用中心、桌面图标等等

举个🌰:

App的情况下,你首先需要知道有饿了么、美团等外卖App可以寻找美食,然后需要到应用市场中下载安装这些App,然后打开这些App,搜索“比萨”。而有了“快应用”,你拿到新的手机后,不需要知道哪个App可以帮你寻找美食,也不需要去下载那个App,你只需要下拉桌面打开搜索框,输入“比萨”,即可轻松获取相应的服务。

5. 快应用开发之前你需要做什么?

5.1 了解接入流程

  1. 快应用官网注册
  2. 完善资料
  3. 绑定厂商开发者账号(至少一家)
  4. 使用 IDE 进行开发(依照开发文档)可以使用 Vue(一种前端流行技术)
  5. 之后提交快应用,跟微信小程序类似,提交之后厂家进行审核

5.2 需要注意的点

  • 对于企业来说, 注册需要准备营业执照照片
  • 对于个人来说, 注册需要身份证正反照片

5.3 安装 NodeJS

需安装8.0以上版本的 NodeJS (建议使用 10.0+ 以上) , Node官网下载即可

5.4 手机安装调试器

调试器是一个 Android 应用程序. 程序下载 介绍

5.5 安装 toolkit

hap-toolkit 为开发编译工具

使用命令安装

1
npm install -g hap-toolkit

6. 开发ing

6.1 创建项目

1
hap init <ProjectName>

6.2 安装依赖

在项目根目录下,运行如下命令安装模块到node_modules目录

1
npm install

6.3 编译项目

6.3.1 手动编译项目

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

1
npm run build

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

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

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

1
npm run watch

6.4 安装 rpk 包

  • 使用手机调试器安装, 上面提到过, 可以通过 WIFI 在线更新方式安装 rpk 包,此方式要确保手机与 PC 在同一局域网

详细请看

7. 微信小程序转换快应用

  微信小程序 快应用
定位 基于社交链的服务延伸 与手机系统深度整合,为用户提供更加场景化的体验。
平台 支持跨平台 只支持 Android 平台
分发场景 平台内推广、小程序二维码、PUSH 覆盖应用市场、全局搜索、PUSH、内容直达等众多场景,详细内容请参见“快应用分发场景”。
用户体验 无需安装、非原生渲染 无需安装、原生渲染、支持添加到桌面
开发 JavaScript + CSS JavaScript + CSS 微信小程序转换:最快3人天
分发地区 微信服务的地区 170+的国家及地区、应用市场服务的地区

8. 其他方面

8.1 可以使用 Vue 开发快应用

注意 :

  • 华为快应用平台未集成 Vue 框架,因此不支持 Vue DSL 的运行;

  • 请不要在 Vue 语法中混用快应用原始语法

Vue 示例参考 :

快应用 Github 的 Vue 项目

Vue 开发的快应用 TodoMVC 示例项目

8.2 成功案例

  • 58 同城到家精选
  • UC头条
  • QQ 阅读
  • 同步小学课堂
  • 飞常准差航班
  • 高考志愿

8.3 流量资源

无论是新上架的快应用,还是优质的快应用,快应用厂商联盟提供了丰富的流量资源,可大大提高应用的访问量和内容的曝光率。

9. 总结

总结 : 类微信小程序的web版本App, 基于安卓系统厂商, 但是不支持iOS系统, 快应用入口浅(优势), 多入口触发, 而微信小程序基于微信作为平台, 微信小程序支持全平台, 入口深, 微信App内部触发, 基础架构类似, 可以做到转换(需要手动修改),其实简单从技术上讲,微信小程序和快应用本质上是一个东西,对于没有稳定App的创业者很友好, 节约了成本。对于有稳定业务的企业, 多了一种新的引流方式,和新的方式和用户见面, 毕竟安卓手机的服务人群是全球,微信主要的用户群体在中国,所以对于很多企业这也是一种新的机会。

推荐阅读:

[为什么小米、OV 等 9 大手机厂商发起「快应用」项目?会对微信小程序以及 App 生态有何影响? - 知晓程序的回答 - 知乎 https://www.zhihu.com/question/268663484/answer/343010272].

为什么小米、OV 等 9 大手机厂商发起「快应用」项目?会对微信小程序以及 App 生态有何影响? - 急性子怪脾气的回答 - 知乎 https://www.zhihu.com/question/268663484/answer/343792088