快應用聯合十大國內手機廠商,終于發布了,也因此公司市場部反饋了個bug,我又把塵封一年的快應用挖出來,更新跑起來。
快應用地址前身,小米新應用。17年的3月份,歷時兩周,趕在“他們公測”前,發布了第一版,也是目前唯一一版1.0美柚。畢竟我們還是家“小”公司,不會投入太大的資源,目的只是占一個坑。當然,我們另一身份就是給新應用測試和bug反饋。新應用在內測階段是相當多坑的。例如當時多個Tab的頁面的context是隔開的,所以當時頁面狀態共享我是通過持久化和事件監聽來做的。當時還找個一個新應用導致手機卡死的P1級BUG。不過小米的開發人員確實都很拼,基本是一天一個版本,有時候一天兩個版本的發布頻次。
新應用的兩個入口,在應用市場和瀏覽器搜索美柚新應用,后面顯示秒開的是快應用,打開的是正常App:
:
一年多沒更新,重新裝環境費了老大勁,畢竟照著官網折騰半天,不成功的不是只有你一個,所以,也是我寫這篇文章的動機。本來只是想記錄下安裝過程,然后叨逼的有點多。
安裝NodeJS,NodeJS 官網; 官方推薦v6.11.3,不推薦^v8.0.*。我用的是v7.2.1。 如果你使用的nodejs不符合的話,而你目前的版本又是需要的,那么你將使用 nvm ,使你的電腦可以同時存在多個版本的nodejs,并來回切換。
安裝 toolkit 運行命令: npm install -g hap-toolkit 檢驗是否安裝成功: hap -V (注意是大寫V), 或者 hap --version
安裝調試器 快應用調試器(點擊下載) 找一臺手機安裝調試器。
以上三部是環境搭建環節。完了開始實操了。
hap init
或者直接下載下面的官方demo。
cd & npm install 確保npm 版本是符合步驟1 的范圍。
開啟服務 npm run server
運行項目 npm run watch 或者 npm run build 一般用第一關,實時監聽代碼的變動,自動編譯。
拿起你的手機,用 步驟三 中安裝的快應用調試器的 掃碼安裝 功能,掃描打開 步驟6 中的二維碼。OK了,你可以開始搬磚了。
內測中的兩個Demo: Sample(components sample) 、Tutorial(API sample)。里面還是有一些問題的,所以快應用官方目前還沒放出來,你也可以直接用這兩個工程,不用自己init了。大家湊合著看看。
如下圖,紅框的兩個,一個是新應用的預覽,一個是調試器。后面四個是新應用,右下角有個黃色小標用于區別于我們的正常app。
我算是最早的一批接入快應用的開發者吧,從最早的簡易的 小米新應用開發文檔(內部) ,到現在簡約大氣的官文新應用。從曾經需要手動下載的mix-toolkit 到現在的NPM 管理的hap-toolkit 腳手架。感受著互聯網的發展,對各行各業的影響,甚至手機產商。身為一個前端程序員,很能感受來自bat這些巨頭的恐怖力量,應該是微信小程序在某些方面給手機機廠商一定壓力。按目前微信小程序這種發展勢頭,可以想象,如果小程序更開放更自由點,那是不是以后手機上,只有一個APP,或者零星的幾個APP。再假想,如果微信像美圖搞出一個微信定制手機會怎樣……
快應用的優勢和出發點都非常好,也能解決很多痛點。但是有幾個問題
我覺得大家觀望的心里還是比較多,畢竟這些東西太多。例如我去年搞得阿里的YunCloud OS APP,現在就好像死了……快應用任重道遠啊。
前端的快速發展,和展現百花齊放,折騰的我們夠嗆,但也讓我們變得更有價值。
對于性能和體驗等等的對比大家可以去看《對快應用的看法》、 《快應用初體驗》 、《餓了么快應用初體驗》,里面有很詳盡的分析。
免責聲明:本站所有文章和圖片均來自用戶分享和網絡收集,文章和圖片版權歸原作者及原出處所有,僅供學習與參考,請勿用于商業用途,如果損害了您的權利,請聯系網站客服處理。
工作日 8:30-12:00 14:30-18:00 周六及部分節假日提供值班服務
工作日 8:30-12:00 14:30-18:30