簡介

隨著3月20號北京開發的快應用(quickapp)的釋出，各大手機應用廠商加入了快應用這個行列，該應用模組以標準js語法+重組css標籤+Flexbox佈局+mvvm模式。類似於微信小程式的依附在微信中，而快應用依附在各大應用市場，可搜尋直接開啟，無需安裝的便捷操作方式。

環境搭建（window平臺）

1. 安裝nodejs（官網）。
2. 安裝hap-toolkit（開啟cmd->npm install -g hap-toolkit)
3. 安裝完成輸入命令(hap -V)

正確輸出版本資訊說明安裝成功。例如（0.0.26）

二、初始化專案

1.執行以下命令初始化專案

hap init (你的專案名稱)
 

命令生成後，該目錄的結構如下

├── node_modules
├── sign                      rpk包簽名模組
│   └── debug                 除錯環境
│       ├── certificate.pem   證書檔案
│       └── private.pem       私鑰檔案
├── src
│   ├── Common                公用的資原始檔和元件檔案
│   │   └── logo.png          manifest.json中配置的icon
│   ├── Demo                  頁面目錄
│   |   └── index.ux
 
          頁面檔案，檔名不必與父資料夾相同
│   ├── app.ux                APP檔案（用於包括公用資源）
│   └── manifest.json         專案配置檔案（如：應用描述、介面申明、頁面路由等）
└── package.json              定義專案需要的各種模組及配置資訊，npm install根據這個配置檔案，自動下載所需的執行和開發環境

2.編譯專案

先安裝依賴，在專案根目錄執行以下命令

npm install

待安裝完成，使用以下命令編譯打包生成rpk包

npm run build

編譯打包成功後，專案根目錄下會生成資料夾：build、dist

• build：臨時產出，包含編譯後的頁面js，圖片等
• dist：最終產出，包含rpk檔案。其實是將build目錄下的資源打包壓縮為一個檔案，字尾名為rpk，這個rpk檔案就是專案編譯後的最終產出

使用以下命令可自動重新編譯，

npm run watch

注意：

如果碰到上面的錯誤資訊的話，我們可以通過命令hap update –force來解決此問題

三、除錯

1.安裝偵錯程式

1.偵錯程式是一個android應用，直接下載
2.按鈕都不能點選，還需要再安裝平臺預覽版
兩個應用安裝完就可以安裝快應用了

2.安裝執行rpk包

有兩種方式：
* HTTP請求：開發者啟動HTTP伺服器，開啟偵錯程式，點選掃碼安裝配置HTTP伺服器地址，下載rpk包，並喚起平臺執行rpk包
* 本地安裝：開發者將rpk包拷貝到手機檔案系統，開啟偵錯程式，點選本地安裝選擇rpk包，並喚起平臺執行rpk包

推薦第一種方式，除錯比較方便。

http請求方式：
執行命令：

// 預設埠12306
npm run server


執行成功會顯示二維碼，可用偵錯程式掃描二維碼安裝，或點選偵錯程式右上角設定http伺服器地址再點選線上更新。

此時配合命令

npm run watch
“`
即可邊開發邊預覽效果

3.所推薦使用的IDE

推薦的ide為vscode+hap extension外掛開發，外掛安裝:

推薦連結：