使用cordova打包Vue生成apk包

使用cordova打包Vue生成apk包

準備工作

npm 版本最好是最新的,升級npm,node版本也有一定的要求的,自行檢查自己的版本。

npm i -g npm

創建好自己的vue項目。

配置

主要的兩個配置:
assetsPublicPath:默認是根路徑,改成當前相對路徑,或者爲空也行。
productionSourceMap: 用來支持打包後的調試,改爲false,打包比較快。
如圖:
在這裏插入圖片描述
修改根目錄下的index.html文件

<meta name="format-detection" content="telephone=no">
<meta name="msapplication-tap-highlight" content="no">
<meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width">
<meta http-equiv="Content-Security-Policy" >

如圖:
在這裏插入圖片描述
注:http-equiv有content的話注意訪問的logs。

打包項目

在終端上執行:

npm run build

得到index.html 和混淆的static文件夾。如圖:
在這裏插入圖片描述

cordova

安裝cordova:

npm install -g cordova

創建文件夾爲:cordova-app 項目名爲mapp的項目文件夾。然後執行:

cordova create cordova-app com.trgis mapp

打包ios或者android

cordova platform add ios --save
cordova platforms add android --save

這裏使用的是android的環境:
使用androidstudio打包apk或使用xcode8進行打包 —-只能在mac系統上進行

也可以使用cordova 命令進行生成。
但需要搭建相應的環境:如android的需要搭建jdk、sdk、gradle。
在項目路徑爲:app2\platforms下執行:
如android的:

cordova run adroid

使用android-studio可以直接在目錄下找個apk的包。

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