快應用安裝

2021-08-24 23:04:59 字數 1675 閱讀 4824

一、環境搭建

安裝nodejs

安裝toolkit工具

通過npm倉庫安裝,在命令列中執行以下命令:

npm install -g hap-toolkit
檢查是否安裝成功

hap -v
安裝toolkit工具後,可通過全域性hap命令建立乙個專案模板,如下所示:

hap init myproject
這個專案已經包含了專案配置與示例頁面的初始**,專案根目錄主要結構如下:

├── sign                      rpk包簽名模組

│ └── debug 除錯環境

│ ├── certificate.pem 證書檔案

│ └── private.pem 私鑰檔案

├── src 專案源資料夾

│ ├── common 公用的資源和元件檔案

│ │ └── logo.png 應用圖示

│ ├── demo 頁面目錄

│ | └── index.ux 頁面檔案,可自定義頁面名稱

│ └── manifest.json 專案配置檔案,配置應用圖示、頁面路由等

└── package.json 定義專案需要的各種模組及配置資訊

安裝依賴

在專案根目錄下,執行如下命令安裝模組到node_modules目錄

npm install
編譯專案

npm run build
自動編譯專案

如果希望每次修改源**檔案後,都自動編譯專案,請使用如下命令:

npm run watch
需要同時安裝兩個快應用軟體

掃碼安裝 

3.啟動http伺服器

在終端中新建乙個視窗,進入專案的根目錄執行如下命令,啟動本地伺服器(預設埠為12306)

npm run server
編譯時通過編譯工具產出rpk檔案,執行時通過偵錯程式安裝rpk檔案; 

ps:在一些『node』版本上面,執行完npm install後再執行npm run build時可能會報cannot find module .../webpack.config.js異常,這是由於高版本的npmnpm install時,會校驗並刪除了node_modules下部分資料夾(包含hap-toolkit)導致報錯。而hap update --force會重新複製hap-toolkit資料夾到node_modules中,再次執行npm run build就不會在報相同錯誤了

end

快應用 元件

自定義元件 為了更好的組織邏輯與 可以把頁面按照功能拆成多個模組,每個模組負責其中乙個功能部分,最後頁面將這些模組引入管理起來,傳遞業務與配置資料完成 分離 注意 自定義元件中資料模型只能使用data屬性,data型別可以是object 或 function 如果是函式,返回結果必須是物件 元件的引...

快應用 元件(list)

一 list教程 1 簡單場景 在頁面中實現 長列表 或者 螢幕滾動 等效果時,可以使用list。平常會使用div,但是當dom結構複雜時,滾動頁面會出現卡頓現象,因為native無法復用div元件實現的列表元素 而list由於會復用相同的type屬性的list item,使得更加流暢。使用list...

快應用 使用藍芽

1 初始化藍芽模組 為了使用藍芽功能,需要先初始化藍芽模組。除了設定狀態監聽以外,所有的藍芽介面都需要在初始化完成以後才能正常使用 初始化藍芽模組 bluetooth.openadapter if code 10001 console.log handling advertisdata for le...