快應用開發流程

快應用介紹以及優勢:

1. 快應用是基於手機硬件平臺的新型應用形態,標準是由主流手機廠商組成的快應用聯盟聯合制定。 

2. 快應用標準的誕生將在研發接口、能力接入、開發者服務等層面建設標準平臺,以平臺化的生態模式對個人開發者和企業開發者全品類開放。 

3. 快應用具備傳統APP完整的應用體驗,無需安裝、即點即用。


一、環境搭建

1. 安裝nodejs

安裝6.0以上版本的NodeJS,推薦v6.11.3。不要使用8.0.*版本.這個版本內部ZipStream實現與node-archive包不兼容,會引起報錯 

2. 安裝hap-toolkit

在命令行中執行 hap-v 會輸出版本信息表示hap-toolkit安裝成功


二、初始化項目以及調試

1. 選擇或者自己先進一個文件夾,在命令行中輸入:

    hap init <ProjectName>

項目目錄如下:


ux後綴名文件內容如下:


2. 安裝依賴

    npm install

3. vs code安裝插件

    Hap Extension

3. 編譯項目

(1)手動編譯項目

        npm run build

(2)自動編譯項目

        npm run watch

4. 預覽和調試

    (1)安裝調試器

            下載調試器

            下載預覽平臺

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

    (2)安裝快應用

            HTTP請求:啓動HTTP服務器(npm run server),打開調試器,點擊掃碼安裝

            本地安裝:將rpk包拷到手機,打開調試器,點擊本地安裝,選擇拷進的rpk包


三、快應用遇到的一些問題

1. 項目的頁面樣式和佈局

   框架目前僅支持長度單位px和%

   項目配置基準寬度:項目的配置文件(<ProjectName>/src/manifest.json)中config.designWidth的值,默認爲750

2. 調試

    谷歌 devtools工具 無法選中元素調樣式



2
回覆
13
查看

打印 上一主題 下一主題


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章