體驗了一把快應用

codelang發表於2018-03-22

十大手機廠商共推快應用標準,釋出會完美落幕

3月20日,小米、中興、華為、金立、聯想、魅族、努比亞、OPPO、vivo、一加,共十家手機廠商在北京聯合召開快應用標準啟動釋出會,手機廠商與中國資訊通訊研究院、電信終端產業協會、中國軟體行業協會及數百家知名移動網際網路應用企業共襄盛舉,共同見證移動應用新生態的到來。

哇塞,好牛逼,此處來個掌聲,然後各個公眾號、朋友圈、新聞都在發快應用的新聞,我靠,再不來湊個熱鬧,是不是感覺自己落伍了?那就來一發。

步驟

官網有文件,我來說幾個注意的點

  1. 下載的nodeJs版本6.0以上,官網也標註了注意,不要使用8.0.*版本.這個版本內部ZipStream實現與node-archive包不相容,會引起報錯,安裝好node可以使用node -v檢視一下版本,我的是9.3.0的
  2. 在初始化快應用的專案的根目錄下 npm install下,安裝一些庫,安裝的時候會報一些警告,不要緊不要緊,僅僅只是警告而已
  3. npm run build來編譯一下,我靠,報錯
體驗了一把快應用

不要緊不要緊,官網有說明,

如果報錯遇到Cannot find module `.../webpack.config.js`,
請重新執行一次hap update --force。
這是由於高版本的npm在npm install時,會校驗並刪除了node_modules下部分資料夾,導致報錯。
而hap update --force會重新複製hap-toolkit資料夾到node_modules中
複製程式碼

那就執行一下命令

hap update --force
複製程式碼
體驗了一把快應用

這綠色讓我揪著的心放了下來,看來生活必須得帶點綠啊

繼續執行剛剛的命令,編譯一下專案

npm run build
複製程式碼

很完美

體驗了一把快應用

執行成功後,我們會發現新增加了兩個目錄,一個是build目錄,一個是dist目錄

  • 臨時產出,包含編譯後的頁面js,圖片等
  • 最終產出,包含rpk檔案。其實是將build目錄下的資源打包壓縮為一個檔案,字尾名為rpk,這個rpk檔案就是專案編譯後的最終產出,就跟我們安裝的apk安裝包一樣
體驗了一把快應用

安裝

等等,你這rpk我android手機又識別不了,怎麼安裝啊,這又得用快應用的兩個工具了,給出下載連結

這兩個我來稍微的介紹一下,“偵錯程式”這個工具是用來幫助我們安裝rpk應用的,可以掃碼安裝、本地安裝,主要目的就是找到rpk檔案,在下載這個偵錯程式安裝的時候,你會發現按鈕都是灰的,無法點選,這是因為他沒找到依賴安裝rpk的容器

“快應用容器”:是rpk執行的基礎,所有的rpk都是執行在這個容器之上,就好比android,他能識別apk檔案並執行,快應用容器能識別rpk檔案並執行,為啥“餓了嗎”那些流應用不安裝這個容器軟體呢,因為各大廠商呀,大家都出來支援流應用,在自己的系統裡面內建瞭解析rpk的容器,當然不需要再安裝啦。


看到好多人都是用本地安裝,我就偏偏逆其道,用二維碼。

先開啟“容器apk”,然後再開啟“快應用偵錯程式”,這樣,快應用偵錯程式就可以用了

首先,我們cd到專案的根目錄,執行命令

npm run server -- --port 8080
複製程式碼
體驗了一把快應用

我靠,什麼玩意,開啟“快應用偵錯程式”,硬是掃了大半天沒掃出來,你是逗比嗎,記得掃碼安裝那時候玩的還是weex,至少人家還能掃出來,算了,看在你告訴我,訪問地址就能看到伺服器端生成的二維碼的份上,我就不說啥了,開啟連結檢視二維碼

然後用“偵錯程式”掃下碼,他會自動執行開啟應用,就是下圖這個玩意,我真TM,人家示例程式碼至少有幾個UI的例子,你居然就一個歡迎頁加個關於????

體驗了一把快應用

然後開啟“快應用容器”,就能看到我們安裝好的應用了,以後可以通過這個容器開啟自己安裝的應用。

體驗了一把快應用

總結

講真,玩起來很挺不錯,很原生般的體驗,但是,我感覺走不遠,這個跟Dcloud的流應用沒區別,人家很早就有了這個東西,不還是平平淡淡,現在的市場都是喊的響,看的多,想改變格局?還是有點難。

相關文章