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