混合应用:vue中使用cordova,并打包debug版本

cordova项目流程

npm i -g cordova //安装cordova
cordova create cordova项目名  //创建cordova项目
cordova platform //先进入cordova项目目录。查看支持的平台
cordova platform add android //添加平台,这里是安卓android
cordova plugin add cordova-plugin-device //添加插件,这里是cordova-plugin-device

打包流程(debug版)

1、修改main .js,将deviceready事件注释的代码打开
2、生成dist后找到dist下的index.html 加上引入cordova的脚本
<script src=cordova.js></script>
<script src=cordova_plugins.js></script>
3、将dist下的文件拷贝到cordova的www目录
4、cordova build android 
5. cordova run android //必须先build生成apk再运行到安卓手机

cordova应用启动流程:
原生代码-加载引导页(splashscreen)-加载html-加载js

main.js

//打包apk时需要此处代码,主要用于获取设备信息
// document.addEventListener("deviceready", function () {
//    var platform = device.platform;
//    //返回设备上运行的cordova版本信息
//    console.log("device.cordova:"+device.cordova);
//    //
//    console.log("device.model:"+device.model);
//    this.platform = device.platform;
//    console.log("device.platform:"+device.platform);
	
/* 这里为初始化vue实例 */

// }, false)

vue.config.js

module.exports = {
    //基本路径
    publicPath: './', //页面空白与此无关
    // //输出文件目录   xordova项目名如cordovaPro
    outputDir: './cordovaPro/www' //cordovaPro为vue下cordova项目名
}
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值