1. 程式人生 > >快應用快速上手教程

快應用快速上手教程

寫在前面:2018年3月20日,各大手機廠商聯合推出了快應用標準,現在在各手機商店已經有快應用的存在了,追趕技術潮流,我再此寫下了這一篇快應用教程,以記錄這一變革。

一、開發環境的搭建:

快應用官網:https://www.quickapp.cn

快應用開發文件:https://doc.quickapp.cn

nodejs官方推薦版本:https://nodejs.org/en/blog/release/v6.11.3

1.安裝nodejs與hap-toolkit(圖片來源官方文件)


2.nodejs按照步驟安裝即可,hap-toolkit需要執行以下命令安裝: npm install -g hap-toolkit

 

檢視安裝狀態: hap -V        成功後會顯示如下版本號


至此,我們的開發環境就搭建完成了

二、建立你的第一個專案

1.建立你的專案資料夾(我這裡選擇在桌面建立),我這裡命名為QuickDemo:    hap init QuickDemo


這時候回車,完成建立;


2.我們看桌面多了一個資料夾:

   

開啟之後:


進入到QuickDemo目錄下,執行   npm install 下載依賴包,等待下載完成(這個下載需要一段時間) :


不出現錯誤的話,下載就完成了:


執行 npm run build  ,會在dist下生成rpk包。


三、安裝

1.安裝偵錯程式:https://statres.quickapp.cn/quickapp/quickapp/201803/file/201803200129552999556.apk

安裝成功之後如圖所示:


如果你的按鈕不能點選,我們就需要安裝平臺預覽版。

2.安卓平臺預覽版(某些系統暫不支援,所以要安裝,步驟1按鈕能點選的,忽略這裡)

安裝平臺預覽版:

https://statres.quickapp.cn/quickapp/quickapp/201803/file/201803200130021102030.apk

安裝成功之後如圖所示:(也可能是全空白的)


3.安裝與執行

我們將 dist資料夾中的 rpk拷貝到手機中(也可以用 adb push 等)


進入偵錯程式,選擇本地安裝,點選開始除錯,效果如圖:


到此,我們的第一個專案就完成了。