Cordova跨平台Web App开发指南（安卓篇）

Cordova跨平台Web App开发指南（安卓篇）

打包ios包必须用苹果系统，没钱买IOS设备，这里只介绍Android平台打包

一、Cordova简介’

在进行Cordova开发之前, 先花点时间了解一下的Cordova的原理和Cordova的框架结构.

1. Cordova是开发跨平台web App的工具, 使用前端技术来开发App, 可以节省成本和快速发布.
2. Cordova的底层逻辑是:HTML+CSS搭建页面, 使用JS和原生平台交互来展示原生平台的功能.
3. Cordova所有功能是建立在各种插件上的, 所以插件开发是Cordova开发的重点.

1.1 纯Cordova开发

这种开发模式不需要各原生平台开发人员参与, 只需要前端猿将开发好的web App放入到Cordova工程中, 然后使用Cordova-CLI(Cordova命令行界面)将web App和各种插件配种好后, 就可以build, run进行各平台的构建和调试了. 以下是纯Cordova开发的步骤:

1. Cordova的安装
2. 使用Cordova-CLI创建Cordova项目----创建Cordova项目后, 前端猿就可以在www/进行开发, 今后的大部分工作都集中在这个文件下.
   1. 添加平台
   2. 添加插件
   3. 构建Cordova项目
   4. 在各原生平台上运行Cordova App
3. Cordova项目更新

二、Cordova的安装

CLI工具需要使用npm来安装, 因为它被发布到了npm。按照下面步骤来按照CLI:

1. 下载和安装Node.js.
2. 安装cordova 模块使用Nodejs的npm工具。cordova模块会被npm工具自动下载。在window中：

-g标志告诉npm全局安装cordova. 否则, 它将安装在当前工作目录的node_modules子目录中。

三、创建Cordova工程

3.1 创建App
跳转到你维护源代码的目录中，并创建你的cordova项目：
cordova create myCordovaProject com.mycompany.myapp MyCordovaProject