摘要：文章來自微信公眾號(hào)前端工坊，不定期更新有趣好玩的前端相關(guān)原創(chuàng)技術(shù)文章?？鞈?yīng)用和微信小程序的區(qū)別開發(fā)環(huán)境快應(yīng)用需要自行安裝配置一系列環(huán)境及調(diào)試工具，而小程序只需一個(gè)開發(fā)者工具即可，這一點(diǎn)小程序勝。

文章來自微信公眾號(hào)：前端工坊(fe_workshop)，不定期更新有趣、好玩的前端相關(guān)原創(chuàng)技術(shù)文章。如果喜歡，請(qǐng)關(guān)注公眾號(hào)：前端工坊
版權(quán)歸公眾號(hào)所有，轉(zhuǎn)載請(qǐng)注明出處。 作者： xdooi

快應(yīng)用是基于手機(jī)硬件平臺(tái)的新型應(yīng)用形態(tài)，標(biāo)準(zhǔn)是由主流手機(jī)廠商組成的快應(yīng)用聯(lián)盟聯(lián)合制定。

快應(yīng)用標(biāo)準(zhǔn)的誕生將在研發(fā)接口、能力接入、開發(fā)者服務(wù)等層面建設(shè)標(biāo)準(zhǔn)平臺(tái)，以平臺(tái)化的生態(tài)模式對(duì)個(gè)人開發(fā)者和企業(yè)開發(fā)者全品類開放。

快應(yīng)用具備傳統(tǒng)APP完整的應(yīng)用體驗(yàn)，無需安裝、即點(diǎn)即用。

開發(fā)環(huán)境：快應(yīng)用需要自行安裝配置一系列環(huán)境及調(diào)試工具，而小程序只需一個(gè)開發(fā)者工具即可，這一點(diǎn)小程序勝。

開發(fā)體驗(yàn)：快應(yīng)用的語法和vue1很像，而小程序有著自己一套語法規(guī)范，相對(duì)來講，快應(yīng)用會(huì)更容易上手。

程序包大?。盒〕绦?M，快應(yīng)用1M，這一點(diǎn)確實(shí)有點(diǎn)局限，但小程序也是從1M變成4M的

能力：小程序和快應(yīng)用在安卓端都可以添加快捷方式到桌面，但不同的是，快應(yīng)用屬于系統(tǒng)級(jí)應(yīng)用，與微信同級(jí)，能調(diào)用更多系統(tǒng)級(jí)API，體驗(yàn)上會(huì)更優(yōu)于小程序，這一點(diǎn)是后者所不能比的。

其他：小程序上架發(fā)布流程較為簡(jiǎn)單，快應(yīng)用需要逐家關(guān)聯(lián)開發(fā)者權(quán)限，這方面有點(diǎn)捉急...不過對(duì)于企業(yè)賬號(hào)已有的安卓渠道來說，也沒什么門檻。

(本段引自微信公眾號(hào)：豌豆公主前端研發(fā))

需安裝6.0以上版本的nodejs，官方推薦使用v6.11.3 LTS版本，不建議使用8.0.*版本，這個(gè)版本有不兼容，會(huì)引起報(bào)錯(cuò)。

在命令行中通過npm命令行安裝hap-toolkit

npm install -g hap-toolkit

在命令行中輸入hap -V 會(huì)輸出版本信息表示hap-toolkit安裝成功

hap -V

搭建好環(huán)境后，開發(fā)者就可以利用全局hap命令創(chuàng)建一個(gè)項(xiàng)目模板，如下所示，其中為自定義的項(xiàng)目名稱

hap init 

至此我們已經(jīng)創(chuàng)建了一個(gè)初始化項(xiàng)目了，下邊是開發(fā)中常用的幾個(gè)命令

在項(xiàng)目根目錄下，運(yùn)行如下命令安裝依賴包

npm install

在項(xiàng)目的根目錄下，運(yùn)行如下命令進(jìn)行編譯打包，生成rpk包

npm run build

編譯打包成功后，項(xiàng)目根目錄下會(huì)生成文件夾：build、dist
build：臨時(shí)產(chǎn)出，包含編譯后的頁(yè)面js，圖片等
dist：最終產(chǎn)出，包含rpk文件。其實(shí)是將build目錄下的資源打包壓縮為一個(gè)文件，后綴名為rpk，這個(gè)rpk文件就是項(xiàng)目編譯后的最終產(chǎn)出

如果希望每次修改源代碼文件后，都自動(dòng)重新編譯項(xiàng)目，請(qǐng)使用如下命令：

npm run watch

調(diào)試器APK是一個(gè)Android應(yīng)用程序，請(qǐng)從站點(diǎn)地址下載

較新的系統(tǒng)版本中內(nèi)置平臺(tái)正式版，即真實(shí)的運(yùn)行環(huán)境。然而，更新平臺(tái)正式版的時(shí)間周期較長(zhǎng)，開發(fā)調(diào)試平臺(tái)新功能可使用平臺(tái)預(yù)覽版
平臺(tái)預(yù)覽版APK是一個(gè)Android應(yīng)用程序，請(qǐng)從站點(diǎn)地址下載

下載安裝成功后，在調(diào)試器中點(diǎn)擊切換運(yùn)行平臺(tái)至...mockup即可在平臺(tái)預(yù)覽版上運(yùn)行rpk包

目前支持的手機(jī)廠商：小米、華為、金立（企業(yè)）、聯(lián)想（企業(yè)）、Flyme、努比亞（企業(yè)）、OPPO（企業(yè)）、VIVO（企業(yè)），其中小米、華為、Flyme支持個(gè)人開發(fā)者，其他僅支持企業(yè)開發(fā)

發(fā)布一個(gè)快應(yīng)用，需要在對(duì)應(yīng)的廠商申請(qǐng)開發(fā)者賬號(hào)，同時(shí)需要在quickapp.cn注冊(cè)賬號(hào)，并綁定對(duì)應(yīng)廠商的開發(fā)者賬號(hào)，才可以發(fā)布快應(yīng)用

上述廠商的新版手機(jī)支持快應(yīng)用，在開發(fā)預(yù)覽時(shí)候直接安裝手機(jī)調(diào)試器即可，廠商的低端機(jī)需要同時(shí)安裝平臺(tái)預(yù)覽版，才可以進(jìn)行rpk包調(diào)試，目前小米、華為手機(jī)的調(diào)試比較順暢，其他廠商的手機(jī)問題較多

已經(jīng)上線的應(yīng)用：餓了么、攜程、互動(dòng)百科、新浪微博、搜狐新聞、快看漫畫

體驗(yàn)方法：對(duì)應(yīng)廠商的應(yīng)用市場(chǎng)內(nèi)可以搜索以上快應(yīng)用，示例如下圖

提供了很多底層系統(tǒng)功能 傳送門

順便體驗(yàn)了下HBuilderX 開發(fā)工具，可以直接將小程序轉(zhuǎn)換成快應(yīng)用，不過有坑，大部分是語法的不支持，轉(zhuǎn)化過程中會(huì)有錯(cuò)誤提醒，按錯(cuò)誤提醒優(yōu)化后可以直接生成rpk包。不支持的寫法如下

不支持-webkit-

不支持rgba

不支持#fff 和 red 等顏色值，需要用6位值

組件轉(zhuǎn)化會(huì)有異常，轉(zhuǎn)換中需要注意

目前開發(fā)工具等還不完善，開發(fā)調(diào)試比較繁瑣

場(chǎng)景化的快應(yīng)用，適合那種用完即走的需求，過重的業(yè)務(wù)需求，暫時(shí)建議不要使用

目前支持的廠商和平臺(tái)還較少，可以體驗(yàn)采坑之旅