|
觀眾朋友們,大家晚上好。昨天圈子里很多人都聽說了一個新的名詞——快應(yīng)用。于是前方記者立刻了解了一下相關(guān)消息,并初步進行了嘗試,現(xiàn)將信息整理如下分享給大家。 自從2016年底微信小程序面世以來,歷經(jīng)幾次波折,目前的發(fā)展勢頭還不錯,很多工具和購物類應(yīng)用都在小程序上獲得了不錯的紅利,個別拼團購物應(yīng)用在今年春節(jié)期間的流量更是引起了淘寶等電商巨頭的關(guān)注。 小程序最大的優(yōu)勢便是“無需安裝,即用即走”,尤其是在常規(guī)安卓手機上更能將應(yīng)用圖標添加到桌面的快捷方式,這一點對手機系統(tǒng)的應(yīng)用分發(fā)能力造成了極大地威脅,而手機廠商面對這種被撩騷的行為,肯定是無法接受的。
于是國內(nèi)幾大手機廠商決定暫時擱置競爭,聯(lián)合起來奪回被小程序吞噬的地盤,而承擔此重任的便是我們今天要聊的——快應(yīng)用。 快應(yīng)用是什么了解誕生背景之后,我們來看看“快應(yīng)用”究竟是個什么鬼。 快應(yīng)用是基于手機硬件平臺的新型應(yīng)用形態(tài)...具備傳統(tǒng)APP完整的應(yīng)用體驗,無需安裝,即點即用。 根據(jù)上面快應(yīng)用官網(wǎng)https://www.quickapp.cn/中的介紹來看,感覺和小程序很像,但“基于手機硬件平臺”這一點更值得期待。 快應(yīng)用初體驗——環(huán)境搭建快應(yīng)用的開發(fā)工具叫做hap-toolkit,基于Node環(huán)境,官方文檔上建議使用NodeJS v6.11.3LTS版本,不推薦使用8.0.*版本,據(jù)稱會出現(xiàn)不兼容問題;安裝好NodeJS后,通過下面命令安裝開發(fā)工具: npm install -g hap-toolkit 安裝完成后檢查是否安裝成功: hap -V 然后初始化項目: hap init wonderfull 初始化之后,進入到項目根目錄安裝依賴包,安裝好之后便可以對項目進行編譯 npm run build / npm run watch 上面完成了開發(fā)環(huán)境搭建,下面需要做的便是手機端調(diào)試器安裝,這方面要比環(huán)境搭建簡單些,只需安裝一個應(yīng)用程序便解決了,這里有一點需要注意的是,今天在安裝完調(diào)試器后一直無法使用,看了下文檔有相關(guān)說明,在較新的系統(tǒng)中會內(nèi)置真實的運行環(huán)境,但是對于稍老一點的系統(tǒng),我們還需要安裝一個平臺預(yù)覽版的應(yīng)用程序,在此不做贅述,詳見文檔。 完成上述步驟后,回到項目根目錄執(zhí)行 npm run server 開啟服務(wù),此時終端上會出現(xiàn)一個二維碼,通過調(diào)試器掃碼即可進行安裝:
到此,我們便簡單的完成了一個快應(yīng)用的demo,讓我叉會兒腰嘚瑟下,整個過程沒有太復(fù)雜的地方。 快應(yīng)用項目結(jié)構(gòu)
如上圖,編譯后的目錄結(jié)構(gòu),我們逐個看一下幾個關(guān)鍵的目錄:
快應(yīng)用框架首先介紹下生命周期:頁面生命周期包括 onInit、onReady、onShow、onHide、onDestroy、onBackPress、onMenuPress App的生命周期包括 onCreate、onDestroy 熟悉小程序開發(fā)的話,這里也沒什么難點。 后面我們就要著重看代碼了:
圖是demo中首頁的代碼,乍一看這TM不就是vue1的語法嗎? 驚不驚喜,意不意外?技術(shù)棧和我們平時使用的沒什么差別,組件提供了比較豐富的選擇,并且支持webview,樣式上做了些限制和優(yōu)化,事件監(jiān)聽、觸發(fā),父子組件通信等參考vue語法即可,在接口方面,提供了更為豐富的系統(tǒng)級API,這一點上要比小程序更開放。 快應(yīng)用vs小程序既然是對標小程序的新形態(tài),那必然要做一下比較,因為尚未走完整個流程,所以僅從初期開發(fā)體驗上來做一下分析比較:
昨天剛得知這個消息時,第一反應(yīng)是國內(nèi)手機廠商可能只是想搞搞事情,刷一下存在感。但是今天上手體驗了一下,個人對快應(yīng)用的看法還是有些變化的,綜合來看,二者不分伯仲,開發(fā)和維護成本都不高,都在努力爭取流量入口。對開發(fā)者來講,又多了一項技能,對企業(yè)來說,更多了一份可能。行業(yè)中一片和諧未必是好事,也許只有在互相叫喊著不服,互相想辦法奪取用戶,才會迸發(fā)出更多創(chuàng)新,更多可能。 百家爭鳴,才會百花齊放... |