webapp打包爲Android的apk包的一種方法

開發了個純web的app小demo,想着最終集成到微信公衆號上做個小功能,並測試下如何跨平臺的運行在Android上。

關於如何打包爲Android的安裝包,總結了下其中的一種方法,使用cordova打包爲Android的apk安裝包。

先看下在電腦web瀏覽器上的運行效果:

首先需要安裝cordova。

假設已經具備的nodejs是環境,可以執行npm下載安裝。

npm install -g cordova

npm默認的下載有點兒慢,更改爲淘寶的鏡像源,方法如下。

npm config set registry https://registry.npm.taobao.org

還可以使用yarn安裝 cordova。yarn功能和npm差不多,但yarn更快,更穩定和好用。網上可以查資料比較npm和yarn區別瞭解下。其中yarn的一個優點是更穩定,npm經常安裝失敗的錯誤,且yarn下載過的包下次在yarn install不會重複下載相同的包。

言歸正傳,

命令行下輸入:
1.cordova create  hello com.example.hello demo

hello爲項目的根目錄名,後面的爲應用的包名,最後的demo爲應用的名字。

cordova項目頁面文件在生成的項目目錄hello中的www目錄中,放入對應文件。

把你的webapp的dist打包好的內容放到www目錄裏。替換原來原有的內容。

2.命令符進入到cordova項目www目錄中,添加browser平臺 cordova platform add browser (瀏覽器運行) 

3. 瀏覽器運行  cordova run

4.打包apk安卓運行,生成的安卓包

cordova platform add android
cordova build android

在這步之前,先檢查下環境是否ok.否則打包肯定是失敗的。

輸入cordova requirements,會自動檢測打包環境是否就緒。

最後看到BUILD SUCCESSFUL就是打包成功了。體積挺小的。我的這個才1.5M。

試了下安裝到機器上, adb install  ./app-debug.apk 完美運行。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章