新型应用形态-----快应用----------1

本文介绍了快应用这一新型应用生态,无需下载安装即可使用,类似小程序。内容包括快应用环境的搭建步骤,如安装NodeJS、hap-toolkit,手机调试器的配置,以及WebStorm编辑器的设置。此外,还详细讲解了如何快速构建项目,创建项目模板,处理可能的npm报错问题,并展示了项目根目录的主要结构。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

快应用是九大手机厂商基于硬件平台共同推出的新型应用生态。用户无需下载安装,即点即用,享受原生应用的性能体验。

-------------------(个人感觉有点对标小程序的意思)

一:环境的搭建

    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


    3.在项目的根目录下,运行如下命令进行编译打包,生成rpk包
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              定义项目需要的各种模块及配置信息




评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值