第乙個快應用 quickapp demo

簡介

環境搭建（window平台）

安裝nodejs（官網）。

安裝hap-toolkit（開啟cmd->npm install -g hap-toolkit)

安裝完成輸入命令(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 頁面檔案，檔名不必與父資料夾相同 │ └── manifest.json 專案配置檔案（如：應用描述、介面申明、頁面路由等）

2.編譯專案

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

npm install

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

npm run build

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

dist：最終產出，包含rpk檔案。其實是將build目錄下的資源打包壓縮為乙個檔案，字尾名為rpk，這個rpk檔案就是專案編譯後的最終產出

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

npm run watch

注意：

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

三、除錯

1.安裝偵錯程式

兩個應用安裝完就可以安裝快應用了

2.安裝執行rpk包

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

http請求方式：

執行命令：

// 預設埠12306 npm run server 此時配合命令

npm run watch

「` 即可邊開發邊預覽效果

3.所推薦使用的ide

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

第乙個快應用 quickapp demo

第乙個nodejs應用

第乙個應用（Node）

第乙個Vue應用

第乙個快應用 quickapp demo

第乙個nodejs應用

第乙個應用（Node）

第乙個Vue應用

相關推薦