有关快应用的学习笔记
快应用学习笔记知识储备快应用与小程序的区别环境搭建快速上手框架结构
快应用学习笔记
https://doc.quickapp.cn/官方开发文档
知识储备
- HTML css JavaScript
- 了解以Node为核心的工程化工具:比较新的项目利用了各种各样工程化的工具,这些工具背后都是用Node去写的
- Node是啥
- Node旨在解决什么问题:提供一种简单的构建可伸缩网络程序的方法
- Vue.js之类的框架
快应用与小程序的区别
| 微信小程序 | 快应用 |
覆盖规模 | 不限厂商机型、支持跨平台,用户数约7亿 | 仅支持Android,覆盖终端10亿+ |
定位 | 社交链服务延伸 | 用户场景服务体验 |
生态规模 | 依附于某一款APP内,只能在平台内搜索或者扫码 | 依附于安卓手机系统内,可以在系统桌面搜索到 |
流量来源 | 平台内推广、生成小程序二维码 | 全局搜索、应用商店、浏览器、智慧短信、负一屏、网页跳转、智能Push共20多个场景 |
开发方 | 小程序开发者、提供模板、定制等开发服务 | 快应用生态联盟服务商、前端技术栈,原生渲染 |
优势 | 社交属性强、可多操作系统使用 | 在操作系统层面实现用户需求与应用服务间的无缝连接、服务功能强大稳定 |
劣势 | 无法脱离APP而独立存在、入口过深 | 局限于安卓系统手机 |
环境搭建
- toolkit帮助我们生成项目骨架的工具:即创建项目应该有的文件(初始化)。
- 是一个npm模块,可以通过npm去安装,要先确保机器上安装了node环境。
- debugger是一个apk文件,是一个安卓的手机应用程序,把我们开发好的应用做一个调试和预览。手机各种管家记得授权。
要是圈起来的这个地方显示的是暂无可用平台的话,就要下载平台预览版。
- 平台预览版可有可无:这几个手机厂商最新的操作系统几乎都内置了快应用的运行环境。
快速上手
官方文档里在使用命令行下半部分就是一个hello world例子。
- 安装依赖:一般有package.json文件的文件夹,一般都需要通过
npm install
去安装一下它里面所声明的需要的依赖项,它把我们开发过程中所依赖的npm模块给安装进来了。这里的模块绝大多数是打包这个应用所用到的模块。 - 运行过后就会多一个build文件夹中,运行就是把src文件转化为build目录里,build里面是可以直接执行的文件;第二件事打包成了一个rpk文件放在dist里面,rpk相当于apk
windows命令行窗口渲染的二维码不能用就用浏览器打开
框架结构
具体在官网https://doc.quickapp.cn/tutorial/overview/project-structure.html项目配置信息中有讲解
或在官网总览中查看mainfest文件https://doc.quickapp.cn/framework/manifest.html
基本结构:
- src是源代码目录
- manifest.json文件是配置文件:里面声明了项目的名字是什么,包的名字是什么,版本,图标,应用有哪些页面,入口页面有什么等信息。
feature
是指我们开发过程中用到了哪些系统权限,如:prompt
指弹窗,shortcut
指创建快捷方式。- 每次版本更新就在
versionCode
上加一。推荐使用versionName
主版本号,副版本号,bug版本号。 minPlatformVersion
指的是我们的快应用支持的最小平台版本号。
permission
指可以对哪些外部地址发送请求,如请求百度接口就要把百度原接口放在origin
中。默认是*
即对任意地址都允许请求。display
指默认用的外观:标题栏、窗口的背景色
app.ux
格式相当于vue
文件:template
定义页面结构、style
定义页面样式、script
脚本交互;(1)用于给全局所有页面提供共享成员,把页面与页面之间共享的代码提出到一个公共的位置,便于维护。
(2)应用的生命周期事件,如:打开、关闭;具体可看官网/教程/框架/生命周期https://doc.quickapp.cn/tutorial/framework/lifecycle.html等到事件发生后自动执行的订阅函数。
About
之类的是页面文件夹,页面与页面之间共享的组件、样式、图片等推荐放在Common
文件夹中。
- 文件夹中的
index.ux
文件就是这个页面的主文件。
组件:官网/组件https://doc.quickapp.cn/widgets/common-events.html
接口:官网/接口https://doc.quickapp.cn/features/
:D个人认为,快应用框架与微信小程序差不多,只不过是文件类型与命名某些方面不太一样
未完待续~