資訊專欄INFORMATION COLUMN
摘要：簡介最近用框架寫安卓版，本來打算用打包成文件即可，但發(fā)現(xiàn)配置起來復(fù)雜，還不如自己搭建環(huán)境，用工具提供的命令在終端實(shí)現(xiàn)，下面介紹遇到的問題及解決。
簡介：最近用vue-cli框架寫安卓版APP，本來打算用Hbuilder打包成.apk文件即可，但發(fā)現(xiàn)配置起來復(fù)雜，還不如自己搭建環(huán)境，用cordova工具提供的命令在終端實(shí)現(xiàn)，下面介紹遇到的問題及解決。
一、打包過程
首先要有node環(huán)境，然后用 npm install -g cordova，
終端或powershell里，執(zhí)行 cordova create resume com.dls myresume
其中resume是項(xiàng)目目錄，com.dls是包名，myresume是應(yīng)用程序的顯示標(biāo)題
1.執(zhí)行 npm run build 之后，復(fù)制vue項(xiàng)目中 dist 下面的文件，到創(chuàng)建好的 resume 項(xiàng)目的 www 文件下
復(fù)制 到
2.將終端切換到創(chuàng)建的resume項(xiàng)目目錄：cd resume
執(zhí)行 cordova platforms add android --save 這里的平臺名稱可以是其他，我打包的是apk，所以使用安卓平臺。
3.執(zhí)行 cordova platform ls 來檢查當(dāng)前設(shè)置狀況
4.執(zhí)行 cordova requirements 來檢查打包條件JDK、SDK、Gradle
jdk必須安裝1.8*版本的，另外注意環(huán)境變量配置正確，一定要新建系統(tǒng)變量，命名成特定名稱，不能直接把安裝路徑寫在系統(tǒng)變量Path后面，例如Java JDK，新建系統(tǒng)變量名為JAVA_HOME，變量值為JDK的安裝路徑，然后在系統(tǒng)變量Path中，將 %JAVA_HOME%bin; %JAVA_HOME%jrebin追加到變量值后面。詳情見 https://segmentfault.com/a/11...
5.執(zhí)行 cordova build android 開始打包，初次打包需要下載Gradle配置文件，有點(diǎn)慢。
打包完畢會出現(xiàn)打包后生成的.apk文件路徑
把路徑粘到窗口回車就可以看見打包好的.apk文件了
二、問題
在手機(jī)上打開后灰屏，cordova打包的是www文件夾下的內(nèi)容，也就是說，內(nèi)容應(yīng)該都在www文件夾下面，而我們的源代碼要放到src下面去，vue-cil的index.html是在根路徑下面的，所以需要修改打包配置。
首先，打開vue-cli項(xiàng)目的config下的index.js，將build里assetsPublicPath的值由"/"改為"./"
然后，打開vue-cli項(xiàng)目的build下的util.js，將打包構(gòu)建時(shí)提取css的公共路徑往上加兩層，詳見圖：
這樣修改之后，在 npm run dev 瀏覽器環(huán)境下預(yù)覽會有問題，但在手機(jī)上可以成功預(yù)覽。
文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/114837.html
摘要：簡介最近用框架寫安卓版，本來打算用打包成文件即可，但發(fā)現(xiàn)配置起來復(fù)雜，還不如自己搭建環(huán)境，用工具提供的命令在終端實(shí)現(xiàn)，下面介紹遇到的問題及解決。 簡介：最近用vue-cli框架寫安卓版APP，本來打算用Hbuilder打包成.apk文件即可，但發(fā)現(xiàn)配置起來復(fù)雜，還不如自己搭建環(huán)境，用cordova工具提供的命令在終端實(shí)現(xiàn)，下面介紹遇到的問題及解決。一、打包過程首先要有node環(huán)境，然后...
摘要：系列安裝安裝搭建工程注自定義命名工程加入注自定義命名注意事項(xiàng)修改目錄下的執(zhí)行時(shí)，會把打包內(nèi)容指定到文件夾內(nèi)，根據(jù)文件夾內(nèi)容構(gòu)建。添加平臺在加平臺前，需要修改的內(nèi)容，包名的命名一般是，與申請微信時(shí)所用的包名對應(yīng)。 vue-cordova vue2.0系列+Cordova 安裝vue-cli npm install -g vue-cli 安裝Cordova npm install -g c...
閱讀 4090·2021-10-08 10:04
閱讀 3072·2021-08-11 11:20
閱讀 2743·2021-07-25 21:37
閱讀 2695·2019-08-30 12:44
閱讀 2321·2019-08-30 11:12
閱讀 1322·2019-08-26 13:45
閱讀 2371·2019-08-26 11:53
閱讀 3068·2019-08-26 11:32
