一、環境搭建
安裝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
異常,這是由於高版本的npm
在npm 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...