如何在android studio中cordova的混合开发

基于Android Studio 中Cordova的开发

cordova简介

• Cordova的前身是PhoneGap 官网： (http://cordova.io)
• Cordova应是运行在客户端本地应用容器的web应用。因此，运行在Cordova容器中的Html5应用的结构和传统的基于web服务器的有所不同。传统的web应用中服务器端做了大部分工作，比如按照用户请求传回生成的内容。而Cordova这种容器中的应用本身包括了所需要的静态页面，用户请求一般由js代码响应并与服务器交互，这样与服务器交互的内容会比较少。并且由于html5本身的特性（如本地存储）或容器的API，容器的应用可以脱离服务器运行。

cordova安装

• 先安装JDK
  下载地址：（http://www.oracle.com/technetwork/java/javase/downloads/index.html）

• 安装SDK
  下载地址：（http://developer.android.com/sdk/index.html）

• CLI（command-line interface，命令行界面）的安装
  CLI是用JavaScript写的，并且是用Node.js作为运行时执行引擎。所以需要先安装Node.js（http://nodejs.org/download/），在安装过程中，CLI要获取一些GitHub的代码，所以要安装Git（https://git-scm.com/downloads）；

• 当Node.js和Git都安装好后，在Git中命令行中输入：

npm install -g cordova

• 完成cordova的安装。

  完成了cordova安装的基本配置，可以去了解一下CLI的常用命令，网上有很多（https://blog.csdn.net/guoscy/article/details/79202794）。通过命令创建一个android工程，添加android平台，添加WhitelistPlugin白名单插件，至此生成的android工程中就有了我们可移植到android studio中的一些核心文件。注意用Cordova CLI工具新建一个项目（不要使用 cordova build 命令进行编译，不然导入android studio中失败）

• 可以根据自己的需要添加cordova提供的丰富系统插件（用命令行添加很容易），也可以自己去写自定义插件。

cordova集成到android studio

• 将这个 工程集成到android studio中最关键的是CordovaLib 、www、（platform_www、cordova ）、res下的中的配置文件config.xml；

• CordovaLib以Moudle的形式导入工程，并依赖于主工程；

• www放在工程目录assets文件夹下；

• platform_www、cordova是主要用于CordovaCLI命令行类的，主要用于build后的作用；（导不到导入AS都可以）

• 我们自定义插件主要在www、和工程src下