小米快應用公開課上線啦！該課程為大家介紹快應用開發的基礎知識，課程中所用到的部分代碼會分章節放在 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/ (二維碼自動識別)

推薦閱讀：

相关文章