使用cordova+vue混合开发安卓app

Cordova是使用HTML，CSS和JavaScript构建混合移动应用程序的平台 。允许使用标准的Web技术，如HTML5，CSS3和JavaScript进行跨平台开发，避免每个移动平台本机开发语言。应用程序在针对每个平台的包装内执行，并依靠符合标准的API绑定来访问每个设备的传感器，数据和网络状态。

优势:

1. 可以实现跨平台开发，一套代码可以在多端运行
2. 开发混合程序的时间更短一些
3. 由于是使用JavaScript进行开发，不需要去学习新的语言，节省了大量的时间
4. 有大量的插件可以使用，有助于更快地进行开发

缺点：

1. 混合应用程序比本地应用程序慢，因此对于需要大量数据和功能的大型应用程序使用Cordova不是最佳选择。
2. 存在兼容性问题，解决问题可能需要大量的时间

1 开发环境

• node环境
• java环境 需要安装jdk 配置JAVA_HOME环境
• 安卓环境 下载安装Android SDK 配置ANDROID_HOME环境变量
• 开发工具：
  • vscode
  • idea（安卓开发）
  • Genymotion 模拟器（安卓模拟器）

2 开发过程

2.1 cordova的安装和配置

1. 下载cordova npm install -g cordova
2. 创建应用程序 cordova create hello com.example.hello HelloWorld 这就已经创建了一个cordova的项目
3. 添加平台 也就是添加安卓或者ios环境 cd hello cordova platform add android --save
4. 检查当前的平台 cordova platform ls
5. 检查构建的条件 cordova requirements
6. 构建应用程序 cordova build android，生成apk
7. 可以在模拟器里面运行

2.2 生成vue项目并构建到cordova里面

1. 创建vue的项目
   • 下载脚手架
   • 创建vue项目vue create hello
   • 运行并构建
2. 修改配置项 添加了vue.config.js，改变了打包之后的地址

       module.exports = {
           //部署应用包时的基本 URL
           publicPath: './',
           //打包后输出的路径
           outputDir: 'www',
           //指定生成的 index.html的输出路径(相对于 outputDir)
           indexPath: 'index.html'
       }
   

3. 使用cordova重新构建项目 cordova build