欢迎来到258分享网,纯净的网络源码分享基地!

258资源分享网

全部作品
全部作品
网站源码
微信源码
素材特效
源码插件
视频教程
建站学院
热门搜索: 织梦  农业种植  农业  安全设置  官方
258资源分享 > 建站学院 > 微信开发 > 快应用初体验

推荐下载

HTML5响应式自适应网咯设计

2020-05-12   浏览:789

HTML5自适应律师工作室类网

2020-04-04   浏览:654

高端HTML5响应式企业通用网

2020-05-06   浏览:560

html5响应式外贸网站英文版

2020-05-08   浏览:545

HTML5影视传媒文化公司类网

2020-05-12   浏览:543

快应用初体验

发布时间:2020-10-27  

观众朋友们,大家晚上好。昨天圈子里很多人都听说了一个新的名词——快应用。于是前方记者立刻了解了一下相关消息,并初步进行了尝试,现将信息整理如下分享给大家。

自从2016年底微信小程序面世以来,历经几次波折,目前的发展势头还不错,很多工具和购物类应用都在小程序上获得了不错的红利,个别拼团购物应用在今年春节期间的流量更是引起了淘宝等电商巨头的关注。

快应用初体验

小程序最大的优势便是“无需安装,即用即走”,尤其是在常规安卓手机上更能将应用图标添加到桌面的快捷方式,这一点对手机系统的应用分发能力造成了极大地威胁,而手机厂商面对这种被撩骚的行为,肯定是无法接受的。

快应用初体验

于是国内几大手机厂商决定暂时搁置竞争,联合起来夺回被小程序吞噬的地盘,而承担此重任的便是我们今天要聊的——快应用。

快应用是什么

了解诞生背景之后,我们来看看“快应用”究竟是个什么鬼。

快应用是基于手机硬件平台的新型应用形态...具备传统APP完整的应用体验,无需安装,即点即用。

根据上面快应用官网https://www.quickapp.cn/中的介绍来看,感觉和小程序很像,但“基于手机硬件平台”这一点更值得期待。

快应用初体验——环境搭建

快应用的开发工具叫做hap-toolkit,基于Node环境,官方文档上建议使用NodeJS v6.11.3LTS版本,不推荐使用8.0.*版本,据称会出现不兼容问题;安装好NodeJS后,通过下面命令安装开发工具:

npm install -g hap-toolkit

安装完成后检查是否安装成功:

hap -V

然后初始化项目:

hap init wonderfull

初始化之后,进入到项目根目录安装依赖包,安装好之后便可以对项目进行编译

npm run build / npm run watch

上面完成了开发环境搭建,下面需要做的便是手机端调试器安装,这方面要比环境搭建简单些,只需安装一个应用程序便解决了,这里有一点需要注意的是,今天在安装完调试器后一直无法使用,看了下文档有相关说明,在较新的系统中会内置真实的运行环境,但是对于稍老一点的系统,我们还需要安装一个平台预览版的应用程序,在此不做赘述,详见文档。

完成上述步骤后,回到项目根目录执行

npm run server

开启服务,此时终端上会出现一个二维码,通过调试器扫码即可进行安装:

快应用初体验

到此,我们便简单的完成了一个快应用的demo,让我叉会儿腰嘚瑟下,整个过程没有太复杂的地方。

快应用项目结构

快应用初体验

如上图,编译后的目录结构,我们逐个看一下几个关键的目录:

build目录:是存放编译后的文件,里面都是经过webpack编译处理过的;

dist目录:编译后生成的rpk格式的程序包,可以直接传输到手机上安装使用;

node_modules目录:大家都比较熟悉,项目以来的库文件;

sign目录,签名模块;

src目录是最关键的源码目录,也就是我们主要用到的目录,从结构上看并不陌生,和小程序基本一致,包含页面、全局的配置文件manifest.json、项目公共逻辑app.ux等;

快应用框架 首先介绍下生命周期:

页面生命周期包括 onInit、onReady、onShow、onHide、onDestroy、onBackPress、onMenuPress

App的生命周期包括 onCreate、onDestroy

熟悉小程序开发的话,这里也没什么难点。

后面我们就要着重看代码了:

本文标签

: