快应用学习笔记


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个人认为,快应用框架与微信小程序差不多,只不过是文件类型与命名某些方面不太一样

未完待续~