服务热线:15202456137 7x24小时售后:15202456137 卓辉科技·全网营销专家 专注营销型网站、高端品牌网站建设、互联网建站服务。
观察行业视觉 用我们专业的角度 讲出你们的心声
NEWS CENTER ·
新闻中心
关注卓辉科技 关注前沿

快应用入门

发表日期:2018-03-22    文章编辑:admin    浏览次数:

小程序自2016年推出以来,可以说是一路火爆,更是改写了移动互联网的格局,开辟了另一流量战场。正所谓,“哪里有商机哪里就有竞争”,据报道,中国九大安卓手机厂商华为、小米、OPPO、vivo、中兴、金立、联想、魅族、努比亚联起手来共同对抗微信小程序的迅猛扩张,他们将于3月20日将共同启动「快应用」标准,打造移动应用新生态,目的是遏制急剧扩张的微信小程序。

快应用简介

什么是快应用,快应用具有哪些特点: 
1. 快应用是基于手机硬件平台的新型应用形态,标准是由主流手机厂商组成的快应用联盟联合制定。 
2. 快应用标准的诞生将在研发接口、能力接入、开发者服务等层面建设标准平台,以平台化的生态模式对个人开发者和企业开发者全品类开放。 
3. 快应用具备传统APP完整的应用体验,无需安装、即点即用。

打开华为市场,搜索“快应用”,可以看到很多的厂商已经上线了快应用。 
这里写图片描述 
点击一个运行,其体验丝毫不比原生体验差,下面是录的一个gif动画。 
这里写图片描述

目前,并非所有的平台都上线了快应用,目前还有很多的厂商还在开发中,目前提供快应用的厂商有:小米、华为、金立。魅族、努比亚、OPPO、ViVo,其他平台目前还在开发中。 
这里写图片描述

快应用上手

官网:https://www.quickapp.cn/ 
开发文档:https://doc.quickapp.cn/

既然是快应用,那就是快、方便。快应用使用JavaScript编写,部署即可见。那么如何搭建一个快应用并发布到应用市场呢?本文就这方面给大家做一个整理。

环境搭建

1,安装Node 
任何使用JavaScript进行开发的平台都会用到Node,Node可以下载安装,下载的官方地址为:https://nodejs.org/en/download/

2,安装hap-toolkit 
使用npm安装命令安装hap-toolkit:

npm install -g hap-toolkit
  • 1

安装完成后,可以通过查看版本来确认是否安装成功。

hap -V
  • 1

3,创建HelloWorld 
快应用目前没有很好的开发工具,可以选择前端比较出名的一些开发工具来开发,如WebStrom、IDEA、vscode等。为了演示,本文以命令行的方式来创建一个HelloWorld项目。

创建一个快应用文件夹,选择一个合适文件,使用命令创建项目:

hap init <ProjectName>
  • 1

其中,ProjectName为你的项目名称,完成后会显示:

prompt: Init your Project:  (helloworld) 
  • 1

这里写图片描述 
看到这个图不要傻傻等着,点击回车,系统会为你创建一个helloword的快应用。创建完成后,项目的目录结构如图: 
这里写图片描述 
然后,切换到helloword目录,执行npm命令行安装依赖包(webpack,babel等):

npm install
  • 1

然后,运行如下命令即可在dist目录下生成rpk包。其实,这和vue开发客户端,并使用Hbuilder开发跨平台APP的思路是一致的,有兴趣的童鞋可以了解下。

npm run build
  • 1

注意:如果报错遇到Cannot find module ‘…/webpack.config.js’,请重新执行一次hap update –force。这是由于高版本的npm在npm install时,会校验并删除了node_modules下部分文件夹,导致报错。而hap update –force会重新复制hap-toolkit文件夹到node_modules中。 
这里写图片描述

然后再次执行”npm run build“,即可看到效果。 
这里写图片描述

安装生成的包

下载快应用提供的调试apk文件,并安装到手机上,下载地址: 
https://statres.quickapp.cn/quickapp/quickapp/201803/file/201803200129552999556.apk 
不过对于有些手机你会发现,你安装上之后,什么也干不了,颜色都是灰的。 
这里写图片描述 
请注意这很正常,你还需要安装一个平台app

手机安装平台预览版

使用下面地址下载预览版: 
https://statres.quickapp.cn/quickapp/quickapp/201803/file/201803200130021102030.apk 
你安装完成后应该是个白板,啥也没有,正常。你回到之前的安装调试器apk,会发现按钮都可以点击了。然后再次打开即可。 
这里写图片描述

还记得刚才helloworld生成的rpk包么,可以使用以下的命令导入到sd卡中。

adb push xxx.rpk  /sdacrd/
  • 1

push到手机根目录,然后选择本地安装,选择rpk包即可。 
这里写图片描述

如没特殊注明,文章均为卓辉科技原创,转载请注明来自/news/hyzx/73.html
相关新闻

Copyright © 2015-2017 陕西卓辉信息科技有限公司 版权所有    

技术支持:卓辉科技  备案号:陕ICP备17006739号-1

  • qq客服
  • 公众号
  • 手机版
  • 新浪微博
 
预约上门

请拨打销售热线 15202456137,或让我们联系您!

姓名:  
电话:  
地址:  
建设项目:  
×