vue2+cordova创建app


1.前提条件:

安装node cordova vue 

2.关于Cordova相关的

使用Cordova创建一个项目

cordova create MyApp

添加平台支持

cd MyApp

cordova add platform android -save

cordova add platform ios -save

cordova platform add browser -save

检查你当前平台设置状况:

cordova platform ls

检测你是否满足构建平台的要求

cordova requirements

3.关于vue相关的

在当前目录创建一个新的文件夹

安装vue-cli      npm install -g vue-cli

创建vue项目     vue init webpack

安装完成后目录结构为:

4.合并vue跟cordova

修改vue项目中bulid中的配置为如下图

因为打包后的index.html在www目录下的index文件夹  所以要修改cordova的config.xml里面文件的配置

5.打包运行

在vue项目下运行   npm run build  打包后的文件在Cordova的www目录下

打包后的www目录为:打开www/index/index.html就可以看到打包后的效果了

6.安装cordova插件

cordova plugin add xxx (删除 cordova plugin remove xxx  查看插件列表 cordova plugin list)

安装 cordova-plugin-crosswalk-webview的时候build一直失败(安卓版本为6.3.0)

原因:gradle版本跟crosswalk产生冲突,需要降低gradle版本,或者安装兼容插件

解决办法:cordova plugin add cordova-android-support-gradle-release

然后再编译cordova build android --release就成功了

在cordova项目下运行 cordova build 在模拟器或者真机上运行查看效果

7.网页模拟真机调试

$ npm run build
$ cordova run android
chrome 打开网址 chrome://inspect/#devices

需要翻墙才能看到效果

8.真机测试

$ cordova build android --release
      
$ jarsigner -verbose -sigalg SHA1withRSA -digestalg SHA1 -keystore promni-pos-release-key.keystore ./platforms/android/build/outputs/apk/android-armv7-release-unsigned.apk promni-pos
// 如果没有添加 crosswalk 运行下行
$ jarsigner -verbose -sigalg SHA1withRSA -digestalg SHA1 -keystore promni-pos-release-key.keystore ./platforms/android/build/outputs/apk/android-release-unsigned.apk promni-pos
      
$ zipalign -v 4 ./platforms/android/build/outputs/apk/android-armv7-release-unsigned.apk promni-bjhsh-pos-test.apk
// 如果没有添加 crosswalk 运行下行
$ zipalign -v 4 ./platforms/android/build/outputs/apk/android-release-unsigned.apk promni-tjys-pos.apk

如果报错 zipalign:command not found

解决办法:find ~/Library/Android/sdk/build-tools -name "zipalign"

找到目录之后命令改变为:
~/Library/Android/sdk/build-tools/28.0.0/zipalign -v 4 ./platforms/android/build/outputs/apk/android-armv7-release-unsigned.apk promni-bjhsh-pos-test.apk
或者重新定义安卓变量
export ANDROID_HOME=/Users/lihaofeng/Library/Android/sdk
export PATH=${PATH}:${ANDROID_HOME}/tools:${PATH}:${ANDROID_HOME}/platform-tools:${ANDROID_HOME}/build-tools/28.0.0/
直接输入上面的命令就可以了
$ zipalign -v 4 ./platforms/android/build/outputs/apk/android-armv7-release-unsigned.apk promni-bjhsh-pos-test.apk

安装apk文件到设备上:

adb install -r promni-bjhsh-pos-test.apk

在设备上面抓log 

adb logcat


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM