快应用之开发体验纪要

何谓「快应用」呢?它是基于手机硬件平台的新型应用形态,标准是由主流手机厂商组成的快应用联盟联合制定。其标准的诞生将在研发接口、能力接入、开发者服务等层面建设标准平台,以平台化的生态模式对个人开发者和企业开发者全品类开放。快应用具备传统 APP 完整的应用体验,无需安装、即点即用覆盖 10 亿设备与操作系统深度集成,探索新型应用场景。快应用 ──复杂生活的简单答案,让生活更顺畅 ── 来自 快应用官方网站 | 倾城之链

快应用开发体验纪要

本文首发于个人新博客:静晴轩别苑 | 快应用之开发体验纪要

快应用特点

下面列出些关于「快应用」特点,这将有助于对它有更深刻的理解;

  • 基于手机硬件平台,标准由主流手机厂商组成的快应用联盟制定;
  • 无需安装、即点即用,且具备传统 APP 完整的应用体验;
  • 与操作系统深度集成,一键直达;
  • 更新直接推送,新版本直接更新到后台,用户无感知快应用的技术实现;
  • 基于前端技术栈开发、可快速迭代;
  • 通过全新的引擎,将系统原生的渲染机制和接口能力提供给上层应用;
  • 运行在框架应用进程中,对每个快应用会开一个 Launcher 进程快应用的开发、发布和使用流程;
  • 开发者需要在快应用官网注册,上传至快应用官网,测试并通过审核后即可进行分发;
  • 使用前端技术栈进行开发,经过编译、签名后最终产出 rpk 文件;
  • 开发者需登录快应用官网进行上传和发布,发布前会经过审核快应用与小程序的对比;
  • 快应用使用 native 渲染,性能体验会比较好,而小程序是使用 webview 渲染 ;
  • 快应用的系统级能力更强,能调用更多系统级 API;

与小程序对比

| ── | 开发技术 | 渲染方式 | 硬件资源扶持 | 系统级能力 | 桌面留存 |
| :---: | :---: | :---: | :---: | :---: | :---: | :---: |
| 小程序 | 前端技术栈 | webview 渲染 | 有 | 强 | 有 |
| 快应用 | 前端技术栈 | native 渲染 | 无 | 弱 | 有 |

以上这些比对,皆是从两者的出生角度而言;可以肯定的是,「快应用」得益于其与生俱来的优势,将在更多应用场景发挥作用,它的崛起,将会给 Android 用户带来更多的便捷。同时作为后起之秀,其开发体验上,是明显优于小程序的;但目前的小程序,已经有长足的发展,而「快应用」才处于刚起步阶段,在经验累积、应用数量、分发传播、社区建设等方面,两者之间还存在些差距;后续故事将会如何,让我们将拭目以待。

开发 & 调试

环境搭建

  • 鉴于「快应用」基于前端技术栈来开发,因此需要安装 Node.js (>= 6.0);yarn (推荐使用)。
  • 安装 hap-toolkit ;它是针对「快应用」衍生出的开发者工具;
yarn global add hap-toolkit
// 检测是否成功安装 hap-toolkit
hap -V
  • 手机安装「快应用」调试器 ── 一个 Android 应用程序,它可以连接到手机系统内的快应用执行环境,包含扫码安装本地安装在线更新开始调试、等功能;

扫码安装:配置 HTTP 服务器地址,下载 rpk 包,并唤起平台运行 rpk 包;

本地安装:选择手机文件系统中的 rpk 包,并唤起平台运行 rpk 包;
在线更新:重新发送 HTTP 请求,更新 rpk 包,并唤起平台运行 rpk 包;
开始调试:唤起平台运行 rpk 包,并启动远程调试工具;

备注:当您的手机系统尚未内置快应用运行平台,或您想在开发过程中体验快应用尚未正式发布的新功能、新特性,您可以安装 快应用预览版,这是一个包含了快应用基础功能的 Android 应用程序。下载安装成功后,通过快应用调试器可以选择在快应用预览版运行 rpk包,开发测试对应平台的 api 和功能。更详细的叙述,请参见快应用开发文档 | 环境搭建

开发环境

在「快应用」中,对代码编辑配置做了说明;你可以使用 VsCodeSublime TextWebStorm 等工具来开发。鉴于官方针对 VsCode 推出了 Hap Extension 扩展,这里推荐使用 VsCode 来编写快应用代码(据悉,专门用于开发「快应用」的编辑器,尚在开发中 18-08-15)。

开发调试

在开发文档调试工具一节,对此有详细说明;从一般性开发角度总结而言,只需运行以下两个命令: npm run servernpm run watch;前者会在终端会输出一个二维码,用手机上启动快应用调试器,点击扫码安装扫描,即可下载安装 apk 包,并运行之;而后者将会启动文件监视器,每次修改工程文件时,会自动编译并在手机端刷新,速度蛮快;至于日志查看,可利用 devtools 调试界面 console 输出,也可利用 adb 工具,在终端进行查看:

adb logcat -s JsConsole

快应用示例

在安装 Toolkit 工具后,可通过全局 hap 命令创建一个项目模板,如下所示:

hap init <YourProjectName>

鉴于其内置的 Demo 项目示例,尚处于入门级项目设定(@18-08),不便于用户着手开发,且不利于高效编写、维护;因此,有将编写的快应用 nicelinks-quick-app 开源,借此以探索新型应用设计;此外,也是在探索如何构建优质快应用,希望可以在此事儿上提供些参考。其代码组织结构如下:

├── sign                # 存储 rpk 包签名模块;
│   ├── debug           # 调试环境证书/私钥文件
│   └── release         # 正式环境证书/私钥文件
└── src
│   ├── assets          # 公用的资源(Images/Styles/字体...)
│   │   ├──images       # 存储 png/jpg/svg 等公共图片资源
│   │   └──styles       # 存放 less/css/sass 等公共样式资源
│   ├── helper          # 项目自定义辅助各类工具
│   │   ├──apis         # 存储与后台请求接口相关(已封装好)
│   │   ├──ajax.js      # 对系统提供的 fetch api 进行链式封装
│   │   └──util.js      # 存放项目所需公共工具类方法
│   ├── pages           # 统一存放项目页面级代码
│   ├── app.ux          # 应用程序代码的人口文件
│   └── manifest.json   # 配置应用基本信息
└── package.json        # 定义项目需要的各种模块及配置信息

有必要谈及的是,此项目秉承在高效开发 Web 单页应用解决方案中所传递的理念:为高效开发而设计;相比于内置 Demo,她具有以下诸多优点:

  • 对项目结构进行优化;如上组织结构所示,将各资源模块,更专业的分门别类,使之可以便捷的去编写、维护、查找,同时也是基于前端开发既定共识去设计,更容易为初接触者所理解 & 上手;
  • 更优雅的处理数据请求;采用 Promise 对系统内置请求 @system.fetch 进行封装,并抛出至全局,使得可以极简的进行链式调用,同时便捷地处理返回数据;
  • 内置了样式处理方案;「快应用」支持 less, sass 的预编译;这里采取 less 方案,并内置了部分变量,以及常用混合方法,使得可以轻松开启样式编写、复用、修改等;
  • 优化本地开发端口设定;「快应用」默认端口为 12306,虽说可自定义端口,但使用体验却不够友好;此处参考 creat-react-app 设定,对本地开发地址端口使用进行优化:如果🈯️定端口(默认: 8080)被占用,则向上递增寻找新的可用端口(如:8081 / 8082 / … );
  • 浏览器打开调试主页二维码;运行 npm run server,会启动 HTTP 调试服务器,并将该地址在命令行终端显示,手机端用快应用调试器扫码,即可下载并运行 rpk 包;当终端积累的信息流多了,就造成扫码不便;故增设在浏览器打开调试主页二维码;如想不使用此功能,在 command/server.js 文件中,将 autoOpenBrowser 设置为 false 即可;
  • 会持续探究,逐步将更多好用姿势集成 ......

快应用存在的缺陷

从上面快应用特点,应该对其优点有所感受;接下来不妨‘揣测’下它或将是缺陷的存在(当然,在年与时驰间,随着版本的不断迭代升级,某些现在看来是缺陷,日后兴许就荡然无存,也说不定)。

  • 若要运行「快应用」,须要手机出厂时在底层支持;否则就须要先安装平台预览版;
  • 使用前端技术栈开发,native 渲染,标签、样式、功能等都需要一一映射处理,目前来看支持不够完善;长期迭代情况将会好转;
  • 暂不支持使用主流前端框架(Eg: vuereact)进行开发,且很多功能需要填补;长期迭代情况将会好转;
  • 相比于其他‘竞品’而言,文档、周围生态系统、等都需要亟待完善;长期迭代情况将会好转;
  • 由国内 Android 手机厂商联合推出的,不支持 IOS 操作系统,目测以后也无法给予支持;
  • 社交:「快应用」缺乏微信的社交场景能力和传播手段,推广拉新,成本不低;再有上一条先天不足,现在来看,不容乐观。
  • ......

如何看待「快应用」?

就目前来看,在移动设备市场,充盈各种类型的应用,大有“诸子百家争鸣”之基础;以技术栈来分,有原生型、混合型、Web 型、小程序、「快应用」…… 百花齐放;从类别上看,有支付宝这般丰富的超级 App,亦有许多精品级小众应用;就用户而言,不仅能享受其便捷性,同时也能体验市场的多元化;而各种不同类型应用间良性竞争,对更一步改善用户体验也是大有裨益。如此,看来「快应用」的诞生,从外部环境来看,有其成长的土壤;而具有体量的公司都参与的事情(如闪充、全面屏),便是不错的趋势,至少不会输,受影响的是旧的模式 ── 原生应用。

谈及「快应用」,微信小程序是无法绕过的点;两者肯定存在竞争关系,同时也可算是伙伴:如同两部同时上映的电影,虽有竞争,也会是彼此之助力,共同把盘子做大,吸引更多的用户倾斜,从而变更未来的应用格局。再有,都是基于前端技术栈,如能有互转工具给予铺成,对于开发者而言,即可实现一次编写,多平台运行;将会为这种模式提升更多竞争力。

上面已经从出生层面,对「快应用」和小程序做了对比;「快应用」使用 native 渲染,而非小程序基于 webview 渲染,再加上硬件资源扶持,体验上则能更上一层楼。况且,对于已经司空见惯的事物,新鲜感在如今看来,也极具诱惑,如子弹短信的出现;就小程序而言目前火热程度,已有百万应用,渐成垄断之势,从过往历史来看,这对于用户来讲,绝不都是好事;现在来看「快应用」,机遇与挑战并存,未来它将如何,朋友你怎么看?

@2018-08-06 于深圳.福田 Last Modify:2018-09-02

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 203,456评论 5 477
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 85,370评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 150,337评论 0 337
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,583评论 1 273
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,596评论 5 365
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,572评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,936评论 3 395
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,595评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,850评论 1 297
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,601评论 2 321
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,685评论 1 329
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,371评论 4 318
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,951评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,934评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,167评论 1 259
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 43,636评论 2 349
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,411评论 2 342

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 171,398评论 25 707
  • 1、通过CocoaPods安装项目名称项目信息 AFNetworking网络请求组件 FMDB本地数据库组件 SD...
    阳明先生x阅读 15,967评论 3 119
  • 今天是农历2018年的第一天,就是我们所说的春节,全国同庆贺新春,早上睡到八点多才起床,连续以来的收帐工作紧张而又...
    花朵儿静静阅读 128评论 0 0
  • 一. 事务 1.1 定义 百度百科事务(Transaction)是访问并可能更新数据库中各种数据项的一个程序执行单...
    一痴一狂阅读 825评论 0 0
  • 我认真的看了TOM老师制定的17个话题,扫描一下后,最终锁定了“初中”这两个字。毕竟,初中时的记忆更多的像一个未愈...
    梅子Mey阅读 358评论 2 2