- index.html中引入cordova.js
<body>
<div id="app"></div>
<script type="text/javascript" src="cordova.js"></script>
<!-- built files will be auto injected -->
</body>- 修改src中的main.js
document.addEventListener('deviceready', function() {
new Vue({
el: '#app',
router,
store,
template: '<App/>',
components: { App }
})
window.navigator.splashscreen.hide()
}, false);- 修改config文件夹中的index.js
将build中的assetsSubDirectory和assetsPublicPath改为
build: {
assetsSubDirectory: "",
assetsPublicPath: ""
}- 进行项目打包
npm run build
- 安装cordova
npm install -g cordova
- 检测是否安装成功
正确安装会显示安装的cordova版本号
cordova -v
- 新建cordova项目
cordova create myApp1 org.apache.cordova.myApp myApp2
myApp1：cordova目录名
org.apache.cordova.myApp：包名
myApp2项目名（在config.xml中查看）
- 生成Android平台的cordova库
cordova platform add android
- 打包前检查androidsdk是否正确安装
cordova requirements
显示如下截图，即已正确安装
- 进行打包
- 6.1 生成debugger包
cordova build android
或者
cordova run android
- 6.2 生成数字签名证书
生成签名包前，需要提前把数字签名证书生成
keytool -genkey -v -keystore E:\mytest.keystore -alias mytest -keyalg RSA -validity 20000
- -keystore E:/mytest.keystore表示生成的证书及其存放路径，如果直接写文件名则默认生成在用户当前目录下；
- -alias mytest 表示证书的别名是mytest,不写这一项的话证书名字默认是mykey；
- -keyalg RSA 表示采用的RSA算法；
- -validity 20000表示证书的有效期是20000天。
- 根据指令输入密钥库口令，是不可见的。依次输入下面的问题。最后到【否】那里时输入y，再输入密钥口令（可以与密钥库口令相同），如果相同，直接回车，记住这两个口令，后面签名会使用到。
- 6.3 直接生成带签名的apk
cordova build android --release --keystore="mytest.keystore" --alias=mytest --storePassword=123456 --password=123456
- --keystore 后面是数字签名证书
- -–alias 后面是别名
- --storePassword 后面是密钥库口令
- --password 后面是密钥口令
- 注意：命令中口令要替换成自己的，就是生成签名是需要记住的那两个口令
- 安装APK到手机
注意：必须是debug包，部分手机版本开启能开启全局调试的用release包也是可以调试的
-
手机上打开应用
-
打开Chrome浏览器，地址栏输入：chrome://inspect回车，如果你的手机是4.4+的版本就会出现你打开的应用，点击inpect进入调试界面。截图如下：
注意：第一次打开需要“科学上网”，你懂的，不用每一次。
