快应用入门

简介:

小程序自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包即可。 
这里写图片描述

目录
相关文章
|
6月前
|
移动开发 前端开发 Android开发
IT入门知识第七部分《移动开发》(7/10)
IT入门知识第七部分《移动开发》(7/10)
41 0
|
7月前
|
移动开发 JavaScript 前端开发
程序与技术分享:AppCan入门教程
程序与技术分享:AppCan入门教程
38 0
|
JavaScript 前端开发 数据可视化
开发|关于微信小游戏开发的入门心得
开发|关于微信小游戏开发的入门心得
147 0
|
小程序 开发工具 开发者
微信小游戏开发实战16-如何进行优化
本节内容主要包括对微信小游戏进行优化的几个着手点以及具体的优化方式。 如果你没有任何的游戏开发经验,欢迎阅读我的“人人都能做游戏”系列教程,它会手把手的教你做出自己的第一个小游戏。
155 0
|
缓存 小程序 JavaScript
小程序开发之入门篇
从小程序的诞生开始介绍小程序出现的背景并介绍小程序的基础知识和运行原理,帮助开发者入门小程序开发
|
小程序 搜索推荐 测试技术
微信官方出品!小程序自动化框架 minium 分享预告
微信官方出品!小程序自动化框架 minium 分享预告
微信官方出品!小程序自动化框架 minium 分享预告
|
开发者
微信小游戏开发实战16-如何进行优化(下)
**这是微信小游戏开发实战系列的第16篇,点击上方的#微信小游戏开发实战话题可以查看本系列的所有内容。 本节内容主要包括对微信小游戏进行优化的几个着手点以及具体的优化方式。
265 0
微信小游戏开发实战16-如何进行优化(下)
|
开发工具
微信小游戏开发实战16-如何进行优化(上)
**这是微信小游戏开发实战系列的第16篇,点击上方的#微信小游戏开发实战话题可以查看本系列的所有内容。 本节内容主要包括对微信小游戏进行优化的几个着手点以及具体的优化方式。
203 0
微信小游戏开发实战16-如何进行优化(上)
|
移动开发 Dart 前端开发
Web前端工程师Flutter快速入门,大佬勿入!
本篇文章中将结合一些我曾经文章里的内容,整合为一篇面向Web前端工程师的Flutter入门教程。
466 0
Web前端工程师Flutter快速入门,大佬勿入!
|
小程序 前端开发 JavaScript
微信小程序开发实践入门教程
在去年2017年1月9日,张小龙在2017微信公开课Pro上发布的小程序正式上线 。时至今日,小程序已经有整整一年时间了 。在2017年12月28日,微信更新的 6.6.1 版本开放了小游戏,「跳一跳」小游戏在那一晚彻底火了。由于微信的流量庞大,所以很多开发者看好小程序,我也不例外 。
172 0
微信小程序开发实践入门教程

热门文章

最新文章