小米快应用公开课上线啦！该课程为大家介绍快应用开发的基础知识，课程中所用到的部分代码会分章节放在 Demo 包中，建议开始学习本次课程之前，下载 Demo 包。（关注「小米快应用」微信公众号回复：demo，即可下载）

下载完成后，接下来可以开始了。整个课程分为四部分依次介绍。

第一部分： 快速入门快应用开发

第二部分： 介绍快应用的模板和样式

第三部分： 介绍快应用的脚本

第四部分： 介绍快应用发布上线的流程

接下来将为你介绍课程的第一部分内容：快速入门快应用开发。

开始学习啦！

一、什么是快应用

在学习之前还是先普及下快应用吧。

1.1 快应用简介

快应用是基于手机硬体平台的新型应用形态，标准是由主流手机厂商组成的快应用联盟联合制定。2018年3月20号，由10家手机厂商携手发布了快应用开发标准。

快应用标准的诞生将在研发介面、能力接入、开发者服务等层面建设标准平台，以平台化的生态模式对个人开发者和企业的开发者全品类开放。目前包括有微博、今日头条、饿了么、携程等开发者都在开发快应用。

快应用具备传统APP完整的应用体验，无需安装、即点即用。需要明确的是，快应用程序不是网页，因为使用了原生渲染，具备了原生应用的高性能；同时，快应用又不像传统通过APK文件分发安装的原生应用，和网页应用一般无需安装、即点即用。

1.2如何体验快应用

以小米手机为例，在全局搜索里搜索应用名称，可以看到专门的快应用分类。点击 秒开 按钮，就能享受快应用带来的便捷服务了，不用安装，方便快捷。而在应用商店中，不仅可以搜索，还提供了专门的板块，列出甄选的优秀快应用。快应用还可以在手机桌面保留图标，方便下一次的使用。而且，快应用还支持直接通过网页唤起，或者通过 deeplink 在安卓原生应用中唤起。此外，快应用还支持和手机系统深度合作，通过小爱同学、传送门、负一屏等系统功能唤起快应用。

要学习快应用开发需要有 前端开发 的基础知识，了解 MVVM 模式（大家可以搜索相关教程学习这种模式），还需要了解 node.js 及 npm 的基础知识。

开发环境需要有 node.js，推荐 8.0 以上版本，还需要 Chrome 浏览器供调试时使用。一个趁手的代码编辑器当然也是必不可少的。我们推荐使用微软出品的 Visual Studio Code，配合 Hap Extension 扩展来编写代码。其他 IDE ，例如 WebStorm、Sublime 的快应用插件，也在陆续的开发之中，目前，可以将其代码高亮模式设为 HTML 来使用。

最后，还需要一台安卓手机来作为开发机，不支持在安卓模拟器中开发。我们推荐使用快应用联盟厂商出品的手机，在兼容性方面会更有保证。

二、Hello World

我们将通过一个 Hello World 学习快应用的简要开发流程。

2.1开发环境搭建

第一步是开发环境的搭建。首先，需要通过 npm 安装快应用开发的脚手架工具 hap-toolkit。快应用开发工程的创建、升级、编译、调试等功能都是通过 hap-toolkit 完成。截止目前，hap-toolkit 最新的版本是 0.0.36 版，我们的课程就以这个版本为基准。

安装 hap-toolkit，需要通过 npm 中 -g 参数全局安装命令来安装。装好后，使用 hap -V 来查看版本号。我们建议随时更新到最新版来保证新功能的正常使用。

2.2创建工程

接下来就可以创建工程了，命令是 hap init 加上工程的名称。注意，不要用中文字元做工程的名称，也不要在源代码的文件名中使用中文字元。

接著是 npm install 安装依赖。新创建的工程中已经包含了示例代码，可以直接使用 npm run build 命令进行编译。

浏览一下工程目录。src 是源代码目录，sign 是签名文件目录，build 是编译临时文件目录，dist 是产出目录。rpk 是快应用编译的产出文件格式，也是发布上线所需的文件格式。

在 dist 目录中可以看到刚才编译出来的 rpk 文件。关于 sign 目录中的签名文件，非常重要，我们会在后面的课程里专门讲解。

2.3运行与调试

rpk 文件，要在手机上运行，还需要在手机上安装快应用调试器。在调试器界面中可以选择要用的运行平台，如果运行平台的选项里是空的，说明这台手机不支持快应用，还需要安装一个 快应用预览版。预览版可以直接通过调试器下载安装。调试器和预览版都可以在

(https://www.quickapp.cn/docCenter/post/69)下载安装。

这里，可参考demo中的演示，通过调试器的本地安装，选择手机上的 rpk 文件，我们的示例应用就运行起来了。

演示demo https://www.zhihu.com/video/1046412236343529472

开发过程中运行快应用，还可以通过扫码安装。使用 npm run server 命令启动 HTTP 服务，并输出一个二维码，然后在调试器中通过 扫码安装，更方便快捷。不过，前提是需要确保手机和电脑在同一网路下，并且可以互相访问。配合 npm run watch 自动编译命令，监听源代码的更新，自动编译并推送至手机调试器更新。

回到工程目录，了解一下源代码。src 目录中，manifest.json 是快应用的配置文件。Manifest 中包含众多的可定义栏位。例如，package 栏位就是 应用包名，推荐采用 com.company.module 的格式。name 栏位是应用名称，可以使用中文；router 栏位定义程序中各个页面的路由。更多栏位的含义，请查阅线上的快应用官方文档

(https://doc.quickapp.cn/framework/manifest.html)

要注意，manifest 的修改，需要重新 build 才能生效，watch 命令并不会监听 manifest 的修改。

在 manifest 的 router 栏位中，提到了一个概念，页面。页面是快应用程序的基本组成，可以说，快应用的程序就是由一个个页面组成的页面的编写基于源代码中的 ux 文件。

ux 文件，是快应用源代码的基本格式。ux 文件，是由 template 模板、style 样式和 script 脚本3个部分组成。我们会在后面的课程中对这三部分逐一讲解。

要注意的是，在快应用源码中，ux 文件以及其他资源文件的文件名都不能使用中文或特殊字元，否则可能导致编译或解析出错。

快应用开发的调试，使用的是 Chrome 浏览器的 DevTools 工具。在运行了快应用的调试器界面中点击 开始调试按钮，电脑就会自动打开 Chrome 的 DevTools 界面。在 devtools 中，我们可以通过 console.log 输出基本的调试信息。需要注意的是，要使用 console，首先需要修改 manifest，将 config.logLevel 栏位改成 debug。

这里，我们就通过 console.log 在 devTools 中输出了 Hello World。

还意犹未尽？请持续关注下期内容，带你学习快应用开发的模板和样式。

如果你感兴趣，想要加入快应用，一起玩转秒开应用，欢迎填写接入意向表，谢谢。

https://www.wenjuan.com/s/FBrEbyn/ (二维码自动识别)

推荐阅读：

相关文章