当前位置: 首页 > Web前端 > vue.js

Cordova打包vue程序

时间:2023-03-31 21:20:46 vue.js

[TOC]1.安装cordova平台:Windows10所需环境:node/JDK/AdroidSDK/Gradle不要忘记配置它们的环境变量,全局安装cordovapminstall-gcordova1.创建一个cordovaproject,importvue创建cordovacreatefirstApp添加Android平台支持cordovaplatform添加android检查是否安装了本项目的依赖JDK,AndroidSDK,gradle,android-targetcordovarequirementsimportvue为了方便,可以直接修改打包路径vue.config.js的到cordova项目的www目录下。只需vue.config.js修改outputDir为自己cordova项目的路径module.exports={outputDir:'../cordova/www',publicPath:'./',打包后。让科尔多瓦完成剩下的工作。2、导入各种插件需要什么?比如cordova插件添加cordova-plugin-wechat--微信的variablewechatappid=xxxx等,可以去官网看3.config。xml配置==config.xml==配置很多,自己搜索,说几个与打包APK和微信登录相关的id属性,就是Android包的名字,在微信开发平台上会用到未来://cordova.apache.org/ns/1.0">3.调试打包成APK3.1生成调试好的APKcordova运行android==接下来可以选择Package==packageintounsignedAPKaaaa-unsigned.apkaliasjarsigner-verbose-keystore[签名文件路径]-signedjar[签名apk文件路径][未签名apk文件路径][证书别名]参数说明:-verbose签名时输出详细信息,方便查看签名结果-keystore指定签名文件存放路径-signedjar指定签名apk文件存放路径签完名后就没有结束了,如果用微信登录,需要到微信开发平台绑定包名,签完名的安卓平台应用下载地址:不填应用签名:xxxxxxxxxxxxxxxxxxxxxxxxxxxxx包名:com.xxxxxxxxxxxxxxxxxx.h5app五、问题总结5.1cordova运行android时,gradle报FAILURE:Buildfailedwithanexception。d\init.gradle'行:1出了什么问题:无法编译初始化脚本'F:\gradle-7.0\init.d\init.gradle'。启动失败:初始化脚本'F:\gradle-7.0\init.d\init.gradle':1:Unexpectedinput:'{'@line1,column13.allprojects{问题出现了,我在安装配置gradle的时候,在网上找了个教程,maven{url'file:///C:/Java/maven_repository'}该路径中的斜杠写成反斜杠。但是语法错误编译。改一下就可以了url"https://maven.aliyun.com/repository/public"}maven{name"Bstek";url"http://nexus.bsdn.org/content/groups/public/"}mavenCentral()}buildscript{repositories{maven{name"Alibaba";url'https://maven.aliyun.com/repository/public'}maven{name"Bstek";url'http://nexus.bsdn.org/content/groups/public/'}maven{name"M2";url'https://plugins.gradle.org/m2/'}}}}5.2Android版本过高,从Android9.0(APIlevel28)开始报错net::ERR_CLEARTEXT_NOT_PERMITTED,禁用明文支持默认情况下。因此,无法在webview中加载任何httpurl。我这里选择的是Android9和API29,所以无法访问。解决方法是修改设置,打开明文支持文件platforms\android\app\src\main\AndroidManifest.xml,添加android:hardwareAccelerated="true"...........................................