
3月20日,华为、小米、中兴、金立、联想、魅族、努比亚、OPPO、vivo、一加,共十家手机厂商在北京联合召开快应用标准启动发布会,手机厂商与中国信息通信研究院、电信终端产业协会、中国软件行业协会及数百家知名移动互联网应用企业共襄盛举,共同见证移动应用新生态的到来。
介绍
快应用是基于手机硬件平台的新型应用生态,在发布会上,作为联盟成员的多家手机厂商从四个层面对快应用标准做出解读:快应用的用户场景与需求,快应用生态及开放平台介绍,快应用技术方案及快应用流量规划。
1、快应用的用户场景与需求
~应用市场成熟
~即点即用
~开发成本低
~减少冗余操作

2、快应用生态及开放平台介绍
2017年调查数据显示,当前移动应用市场出现红利消失、存量经营、聚焦头部等诸多问题,开发者和用户的痛点都很明显,快应用生态搭建势在必行。快应用高效的连接用户与内容和服务,具有成本低、体验好、场景丰富、转化高和留存高的特点,无需下载,即点即用,实现100%转化率。
快应用开放平台旨在打造统一的快应用门户,实现开发者一处上传,十家厂商上线。在快应用开放平台,有完善的开发者文档、工具及论坛支持,除标准化的快应用发布流程外,未来还会开放开发者服务支持,如消息推送、账号接入、支付接入、数据服务等。
3、快应用技术实现
前端技术栈
快应用使用前端技术栈开发,运行效率和开发效率达到了很好的平衡,同时很多前端代码资源可以直接复用。快应用的开发模式贴近前端主流的思想,采用了模板加数据绑定的MVVM模式,支持标准的JS语法,为获得更高的渲染性能和易用性,对CSS和标签进行了一些剪裁和扩充,整体的学习成本非常低。
虽然使用前端技术栈,但快应用没有采用传统浏览器内核的运行模式,而是通过全新的引擎,将系统原生的渲染机制和接口能力提供给上层应用,使得快应用的能力和体验基本等同于原生应用。通过这套引擎,快应用可以使用包括硬件在内的大量系统能力,同时还集成了非常多的服务能力,例如推送、账号、支付、统计等。
4、快应用流量规划
流量可以分为四类:
第一类是用户主动行为产生的流量,主要入口在各种搜索框中;
第二类是系统主动行为产生的流量,主要入口是由AI驱动的各种推荐场景;
第三类是用户之间交互产生的流量,主要入口是消息、分享、动态等各类社交软件中;
最后一类是O2O流量,主要入口是广告二维码等线下入口。
各厂商将通过开放自家的应用市场、浏览器、桌面快捷搜索、智慧推荐服务等流量入口,打通厂商间、终端上各应用间的消息和分享通道、O2O通道等途径,形成一个跨厂商、全终端、全场景的快应用流量体系。为加快快应用的成长和发展,各厂商都将逐步推出自己的快应用扶持计划,这包括百亿级曝光资源、厂商联合营销推广、优质快应用与厂商深入合作等方面。
来自微博网友的评论






操作
1.安装toolkit工具和调试器
npm install hap-toolkit (-g) || yarn intall hap-toolkit
hap -V


2.建立demo 运行
hap init demo

注意:下载的nodeJs版本6.0以上,官网也标注了注意,不要使用8.0.*版本.这个版本内部ZipStream实现与node-archive包不兼容,会引起报错,安装好node可以使用node -v查看一下版本,我的是v10.0的
npm install || yarn install

不要紧不要紧,官网有说明,
如果报错遇到Cannot find module'.../webpack.config.js',请重新执行一次hap update --force。这是由于高版本的npm在npm install时,会校验并删除了node_modules下部分文件夹,导致报错。而hap update --force会重新复制hap-toolkit文件夹到node_modules中


之后再install ,npm run build =》npm run server -- --port 8100

效果:


快应用例子对比:(微博为例)




网友评论