天天看點

快應用環境配置

引言

早上看到一個新聞,十大手機廠商聯手推出“快應用”,據說是為了對抗小程式的。不得不感歎,這網際網路發展速度實在是太快了,選擇進入程式員這個行業,隻能說,不學習就要被淘汰了。

先是原生的安卓和ios,當時原生的一家獨大,後來又有h5,又有RN,雖然威脅到原生開發,但是原生依然堅挺,後來小程式又出現,借助本身微信的流量,異軍突起,小程式因為自身的輕和快,能夠滿足簡單的基礎應用,适合生活服務類線下商鋪以及非剛需低頻應用的轉換,原生雖然體驗比較好,但是開發時間太長,軟體更新複雜,适合開發一些複雜需求的app。現在因為小程式威脅到各大廠家的app生存,是以推出快應用:

““快應用”是手機廠商基于硬體平台共同推出的新型應用生态,使用者無需下載下傳安裝,即點即用,享受原生應用的性能體驗。“快應用”使用前端技術棧開發,原生渲染,同時具備H5頁面和原生應用的雙重優點。“快應用”架構深度內建進各廠商手機系統中,可以在作業系統層面實作使用者需求與應用服務間的無縫連接配接,提升使用者的使用體驗和應用服務的轉化效率,同時支援生成桌面圖示等留存能力。”

現在開發手機端軟體,安卓原生,ios原生,小程式,快應用,還有那些跨平台的開發語言,有這麼多選擇,并不會說誰會取代誰,很有可能還是會共存的,不同開發方式适合不同的需求吧,作為程式員,最好還是保持學習的激情,要精通一門語言實在是困難,不過要入門一門語言還是挺容易的,是以還是對新技術多了解了解,反正沒什麼壞處。

以前引領技術進步的大多數是國外的,這幾年國内也在引領技術進步,也算是可喜可賀了。雖然苦了程式員。

配置

閑話少說,今天根據開發文檔,進行了一下環境配置,中間踩了幾個坑,不過還是跑起來了,現在分享一下。

先體驗一下快應用是什麼樣的

快應用環境配置
快應用環境配置

在華為應用市場裡,搜尋快應用,然後打開,确實很輕便,不需要安裝,就可以直接運作了

快應用的官網:

https://www.quickapp.cn/

開發文檔:

https://doc.quickapp.cn/

根據文檔,一步一步進行配置:

首先要安裝node.js,官方推薦v6.11.3 LTS,如果本地已有node.js其他版本,首先要解除安裝再安裝,可以在https://nodejs.org/en/blog/release/v6.11.3/下載下傳。

安裝好了,打開指令行,輸入node -v,可以檢視node.js的版本。

快應用環境配置

然後安裝hap-toolkit

可以在指令行中輸入hap -V檢視

快應用環境配置

在自己電腦上建立一個檔案夾,作為存放項目的地方,然後通過指令行進入這個檔案夾,比如我在D盤建一個quickAppDemo檔案夾:

快應用環境配置

建立一個項目,檔案名是MyFirstQuickProject,

hap init MyFirstQuickProject
           

注意不要<>,建立完成,可以在本地看到項目組成:

快應用環境配置

編譯項目需要運作npm install,不過注意,一定在項目的根目錄下,也就是D:\quickAppDemo\MyFirstQuickProject,不要在D:\quickAppDemo運作,在指令行中進入到MyFirstQuickProject檔案夾中,然後再運作npm install。然後再運作npm run build

如果報錯遇到Cannot find module ‘…/webpack.config.js’,請重新執行一次hap update –force。這是由于高版本的npm在npm install時,會校驗并删除了node_modules下部分檔案夾,導緻報錯。而hap update –force會重新複制hap-toolkit檔案夾到node_modules中

現在在項目的dist檔案夾中有一個rpk檔案

快應用環境配置

現在就需要把這個運作到手機上。(這個快應用好像還跟手機有關系,我先是用了一個華為的,怎麼運作怎麼閃退,後來換了個手機,運作起來了)

在手機運作

先下載下傳調試器:https://statres.quickapp.cn/quickapp/quickapp/201803/file/201803200129552999556.apk

安裝到手機上,打開以後

快應用環境配置
說明如下:

掃碼安裝:配置HTTP伺服器位址,下載下傳rpk包,并喚起平台運作rpk包
本地安裝:選擇手機檔案系統中的rpk包,并喚起平台運作rpk包
線上更新:重新發送HTTP請求,更新rpk包,并喚起平台運作rpk包
開始調試:喚起平台運作rpk包,并啟動遠端調試工具
           

在右上角點選,有個設定,可以手動配置伺服器

剛開始按鈕應該都是灰色的。這樣就需要安裝一個平台預覽版apk(https://statres.quickapp.cn/quickapp/quickapp/201803/file/201803200130021102030.apk)

安裝完成以後,就要用調試器把自己生産的rpk檔案安裝到手機上,有兩種方法:

1.HTTP請求

進入指令行,在項目根目錄下,輸入npm run server,這樣會生産一個二維碼:

快應用環境配置

然後在調試器,點選掃碼安裝,進行掃描,如果掃不出來,可以在浏覽器上輸入http://localhost:12306/,檢視清晰版。也可以在右上角的設定裡邊手動設定伺服器ip

快應用環境配置
配置完成後,若沒有自動喚起平台運作rpk包,點選線上更新喚起平台運作rpk包

若提示安裝失敗,請檢查執行npm run server的終端視窗是否正常運作
           

打開應用以後,運作效果:

快應用環境配置

2.本地安裝

這個就簡單了,将本地生成的rpk檔案弄到手機sd卡中,這個方式比較多,USB資料線或者qq檔案助手,都随意,反正弄進去以後,在調試器,點選本地安裝,找到那個rpk檔案,運作就可以了