前言:小米苏章、中興、華為奏瞬、金立枫绅、聯(lián)想、魅族硼端、努比亞并淋、OPPO、VIVO珍昨、一加县耽,共十家手機廠商在北京聯(lián)合召開快應用標準啟動發(fā)布會句喷,手機廠商與中國信息通信研究院、電信終端產(chǎn)業(yè)協(xié)會酬诀、中國軟件行業(yè)協(xié)會及數(shù)百家知名移動互聯(lián)網(wǎng)應用企業(yè)共襄盛舉脏嚷,共同見證移動應用新生態(tài)的到來。
哇塞瞒御,好激動父叙,忍不住也要擼一把快應用。
一:快應用開發(fā)文檔和官網(wǎng)網(wǎng)址
官方文檔地址:https://doc.quickapp.cn/
快應用官網(wǎng):https://www.quickapp.cn/docCenter/post/69
二:搭建快應用環(huán)境:
(1):安裝Node JS
Node JS 各個版本的地址:https://nodejs.org/en/download/releases/
官方推薦使用v6.11.3版本肴裙,切記不要使用8.0*版本趾唱,會引起不必要的沖突。
傻瓜式一直next安裝即可蜻懦,安裝完成后可以用 node -v 查看版本甜癞。
圖為本人安裝版本。
(2):安裝cnpm
建議安裝cnpm 這樣會更迅速一些宛乃,執(zhí)行如下命令:
npm install -g cnpm --registry=https://registry.npm.taobao.org
等待安裝完悠咱,會替換npm 為cnpm.
(3):安裝hap-toolkit
執(zhí)行如下命令安裝hap-toolKit。
cnpm install -g hap-toolkit
安裝完成后可以執(zhí)行 hap -V 來查看安裝的版本征炼。
上圖為本人安裝的版本析既。
三:安裝查看代碼的程序。
建議安裝 Visual Studio.
Visual Studio 下載地址:https://code.visualstudio.com/
四:手機調(diào)試安裝谆奥。
手機調(diào)試器是一個Android 應用程序可以到如下網(wǎng)址下載:
https://www.quickapp.cn/docCenter/post/69
在手機上安裝并打開調(diào)試器眼坏,按鈕功能如下:
掃碼安裝:配置HTTP服務器地址,下載rpk包酸些,并喚起平臺運行rpk包
本地安裝:選擇手機文件系統(tǒng)中的rpk包宰译,并喚起平臺運行rpk包
在線更新:重新發(fā)送HTTP請求,更新rpk包魄懂,并喚起平臺運行rpk包
開始調(diào)試:喚起平臺運行rpk包沿侈,并啟動遠程調(diào)試
注意:若打開調(diào)試器無法點擊按鈕,請升級手機系統(tǒng)到最新版本或安裝平臺預覽版
安裝成功后如下圖所示:
五:下面我們開始來創(chuàng)建第一個應用程序吧
(1):創(chuàng)建:
執(zhí)行 hap init <name> name 為要創(chuàng)建的項目名稱.
例如本人創(chuàng)建的quickdemo的項目逢渔。
此時光標在閃爍直接回車即可肋坚。此時在目錄下我們就會看到有一個名為quickdemo的文件夾.
下面的命令我們需要在剛才創(chuàng)建的文件下操作。
(3):安裝依賴
執(zhí)行命令: cnpm install 如果沒有替換npm 可以直接用 npm install 命令肃廓,此后不再重復智厌。
等待安裝完成.
安裝完成示例。
(4):編譯盲赊。
執(zhí)行命令 cnpm run build .
執(zhí)行結(jié)果如上圖所示铣鹏。
此時我們可以通過Visual Studio 打開項目看一下。
可以看到在demo目錄下有index.js文件.而在dist 目錄下有生成的.rpk文件哀蘑。
(5):下面通過掃碼安裝的方式安裝快應用诚卸。
執(zhí)行 cnpm run server -- --port 8080 命令.
然后點擊調(diào)試器的掃碼安裝葵第,安裝調(diào)試快應用程序。
出現(xiàn)如下頁面:
到此為止一個小程序應用就創(chuàng)建成功了合溺。