快应用是九大手机厂商基于硬件平台共同推出的新型应用生态。用户无需下载安装,即点即用,享受原生应用的性能体验。
-------------------(个人感觉有点对标小程序的意思)
一:环境的搭建
1.安装NodeJS
2.安装hap-toolkit npm install -g hap-toolkit
3.手机安装调试器---------资源见官网https://www.quickapp.cn/docCenter/post/69
4.编辑器配置(以webstrom为例)
点击顶部菜单栏File --> Settings
,打开WebStorm配置界面在配置界面选择Editor --> File Types
,找到HTML
,增加通配符*.ux
二:快速构建项目
1.安装toolkit工具后,可通过全局hap
命令创建一个项目模板,如下所示:
hap init <ProjectName>
2.在项目根目录下,运行如下命令安装模块到node_modules
目录npm install
注意:
如果开发者在后续操作中遇到报错Cannot find module '.../node_modules/hap-tools/webpack.config.js'
,请运行一次hap update --force
(执行完毕后不需要按照提示再次运行npm install
)
这是由于高版本的npm(如:NodeJS v8版本使用npm5)在npm install
时,会校验node_modules
目录,并删除其中的hap-tools
文件夹,从而导致报错;
开发者运行hap update --force
,会重新复制hap-tools
文件夹到node_modules
中
npm run build
4.如果希望每次修改源代码文件后,都自动编译项目,请使用如下命令:npm run watch
5.在终端中新建一个窗口,进入项目的根目录运行如下命令,启动本地服务器(默认端口为12306)npm run server
自定义端口(如:8080)
npm run server -- --port 8080
项目配置:
这个项目已经包含了项目配置与示例页面的初始代码,项目根目录主要结构如下:
├── sign rpk包签名模块
│ └── debug 调试环境
│ ├── certificate.pem 证书文件
│ └── private.pem 私钥文件
├── src
│ ├── Common 公用的资源和组件文件
│ │ └── logo.png 应用图标
│ ├── Demo 页面目录
│ | └── index.ux 页面文件,可自定义页面名称
│ ├── app.ux APP文件,可引入公共脚本,暴露公共数据和方法等
│ └── manifest.json 项目配置文件,配置应用图标、页面路由等
└── package.json 定义项目需要的各种模块及配置信息