# 前言
# 与微信小程序的比较
- 二者都采用前端技术栈,快应用是
native渲染,性能体验会比较好,而小程序目前是webview渲染 - 二者开发框架和规范不同,所以代码写法上有差异,快应用的
css支持能力较弱 - 快应用基于
native,可以调起丰富的系统api,小程序在此方面会有些无力
# 快应用入口
- 应用商店
- 桌面图标
- 全局搜索
- 浏览器搜索
- 网页跳转
- 负一屏
- 智能推送
- 智慧识屏
- 场景化入口(短信按钮、应用卸载替换、二维码、传送门)
# 快应用优点
- 轻松调起更多系统api
- 各厂商的流量扶持
native渲染,deeplink入口,原生桌面入口,push能力
# 一、环境搭建
# 1.1 安装NodeJS
需安装
6.0以上版本的NodeJS
# 1.2 安装hap-toolkit
// hap -V // 会显示安装版本信息
npm install -g hap-toolkit
@前端进阶之旅: 代码已经复制到剪贴板
# 1.3 创建项目工程
hap init projectName
// 增加编译支持
hap update --force
cd projectName && npm i
@前端进阶之旅: 代码已经复制到剪贴板
生成的目录结构
├── sign rpk //包签名模块
│ └── debug //调试环境
│ ├── certificate.pem //证书文件
│ └── private.pem //私钥文件
├── src
│ ├── Common //公用的资源和组件文件
│ │ └── logo.png //应用图标
│ ├── Demo //页面目录
│ | └── index.ux //页面文件,可自定义页面名称
│ ├── app.ux //APP文件,可引入公共脚本,暴露公共数据和方法等
│ └── mani