當前位置:
首頁 > 最新 > Hello!快應用

Hello!快應用

快應用使用前端技術棧開發,原生渲染,同時具備 HTML 5 頁面和原生應用的雙重優點。用戶無需下載安裝,即點即用,享受原生應用的性能體驗。

——小米開放平台

3月20日下午,華為、小米、中興、聯想等手機廠商共同舉辦了「快應用」標準啟動發布會。快應用是幾家手機廠商基於硬體平台共同推出的新型應用生態,用戶不必下載安裝,即點即用,能夠享受到原生應用的性能體驗。「快應用」使用前端技術棧開發與原生渲染,兼具H5頁面和原生應用的雙重優點。

可以看到,快應用所具備的特性與微信小程序高度相似。去年,微信小程序全面爆發,不僅收割各大應用流量,還掌控了用戶入口。對傳統應用開發者形成了巨大的威脅,也影響到了手機廠商的利益。此次主流廠商暫擱競爭「 抱團」推快應用,被看作是試圖奪迴流量入口與分發主導權之舉。

快應用使用前端技術棧開發,運行效率和開發效率達到了很好的平衡,同時很多前端代碼資源可以直接復用。快應用的開發模式貼近前端主流的思想,採用了模板加數據綁定的MVVM模式,支持標準的JS語法,為獲得更高的渲染性能和易用性,對CSS和標籤進行了一些剪裁和擴充,整體的學習成本非常低。

這是移動應用新生態的到來,本文帶來了快應用的


前面扯了那麼多,有點「天下大勢分久必合合久必分」的感覺。然而我們還是不知道快應用是什麼鬼???看看快應用官方的定義吧

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

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

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

看完這三點好像和小程序很像,但是有一點基於手機硬體平台感覺很厲害的樣子。


前面說了快應用使用前端技術棧開發,不用想都知道要用到我們的node大法。快應用的toolkit工具叫「 hap-toolkit」需要通過npm來安裝

輸出版本信息就OK了

toolkit安裝好了,那我們快來創建個項目吧

命令執行後,會在當前目錄下創建 文件夾,並作為項目根目錄

這個項目已經包含了項目配置簡單頁面的初始代碼,項目根目錄結構如下:

目錄的簡要說明如下:

src:項目源文件夾

node_modules:項目的依賴類庫

sign:簽名模塊,當前僅有 簽名,如果內測上線,請添加 文件夾,增加線上簽名;簽名生成方法請參考文檔: 的


項目初始化之後,進入到項目根目錄安裝依賴包,安裝好之後便可以對項目進行編譯

在項目的根目錄下,運行如下命令進行編譯打包,生成rpk包

編譯打包成功後,項目根目錄下會生成文件夾:builddist

build:臨時產出,包含編譯後的頁面js,圖片等

dist:最終產出,包含rpk文件。其實是將build目錄下的資源打包壓縮為一個文件,後綴名為 ,這個rpk文件就是項目編譯後的最終產出


如果希望每次修改源代碼文件後,都自動重新編譯項目,請使用如下命令:

上面完成了開發環境搭建,接下來要做的就是調試預覽了。這還是很簡單的只需要裝個快應用調試器應用程序,如果無法正常使用調試器,升級手機系統到最新版本或者再安裝個平台預覽版應用程序

詳見文檔:https://doc.quickapp.cn/tutorial/getting-started/build-environment.html

到此執行以下命令 啟動本地伺服器

出現了二維碼,打開調試器 點擊掃碼安裝 掃一掃即可。

除了掃碼安裝 還有本地安裝 請移步官網


項目都跑通了,現在我們來看看代碼。這兒我使用了vscode打開項目,打開後會自動提示安裝 很方便有莫有

我們來看看Demo下的index.ux文件

你會震驚:這不就是是vue的語法莫。畢竟這是後面出來的多事受了Vue和小程序的影響,這讓我們可以很快上手,技術棧和我們平時使用的沒什麼差別。具體的還是移步官網,本文只是 say hello

快應用框架文檔:https://doc.quickapp.cn/tutorial/framework/lifecycle.html

快應用資源合集:https://github.com/quickappdev/awesome-quickapp


相比於小程序,快應用由於減少了微信、支付寶這層中間媒介,改為由系統直接運行快應用,理論上快應用的性能運行表現,一定是優於小程序平台的。不過,儘管如此,快應用要想推廣開來仍然充滿挑戰。微信流量真的太大了,你會發現好像並沒有什麼明顯的小程序入口,但小程序卻到處都是:點餐,新聞,購物。這實際上也是觸碰了手機廠商的蛋糕。小程序基本上是逼著這些手機廠商必須要做出什麼事情來共同應對。

但是快應用必然會對微信小程序造成影響,它離用戶近,更方便的讓用戶觸發快應用,運行速度也快。快應用推出也是給互聯網服務提供商一個更多的選擇,同時流量也不會像小程序那樣掌握在微信手裡各種受限。這是移動應用新生態的到來,當然你也能從中感受到前端技術棧越來越強大,應用越來越廣

個人認為現在基於 Web 的前端技術,將演變為未來所有軟體的通用的 GUI 解決方案


喜歡這篇文章嗎?立刻分享出去讓更多人知道吧!

本站內容充實豐富,博大精深,小編精選每日熱門資訊,隨時更新,點擊「搶先收到最新資訊」瀏覽吧!


請您繼續閱讀更多來自 JavaScript之禪 的精彩文章:

CSS各種姿勢實現Sticky Footer

TAG:JavaScript之禪 |