vue2+cordova创建app

蹲街弑〆低调 提交于 2020-02-14 05:42:20

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/sdkexport 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
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!