前言

随着移动浪潮的兴起，各种APP层出不穷，极速的业务扩展提升了团队对开发效率的要求，这个时候使用IOS&Andriod开发一个APP似乎成本有点过高了，而H5的低成本、高效率、跨平台等特性马上被利用起来形成了一种新的开发模式：Hybrid APP，而Cordova则提供了使用HTML, CSS & JS进行移动App开发的环境。

搭建环境

在使用Cordova之前，先要把相关的环境搭建起，有：

然后配置系统环境变量：

Android hybrib混合开发 android hybrid开发_App

Android hybrib混合开发 android hybrid开发_Android hybrib混合开发_02

Android hybrib混合开发 android hybrid开发_根目录_03

Android hybrib混合开发 android hybrid开发_App_04

Android hybrib混合开发 android hybrid开发_cordova_05

Android hybrib混合开发 android hybrid开发_Android hybrib混合开发_06

这里记录一下安装使用Cordova的过程。安装好Node.js，继续安装Cordova，这里我借助git来安装

Android hybrib混合开发 android hybrid开发_App_07

Android hybrib混合开发 android hybrid开发_Android_08

现在就可以通过Cordova来创建项目了，创建项目前，注意找一个合适的目录来存放（我这里选择存放cordova项目的根目录为D:/Cordova）。接下来创建一个用HybridApp作为项目根目录，项目包名为org.sample.hybrid，工程名为WebApp的cordova工程

Android hybrib混合开发 android hybrid开发_Android hybrib混合开发_09

Android hybrib混合开发 android hybrid开发_cordova_10

Android hybrib混合开发 android hybrid开发_cordova_11

所有后续命令都需要在项目目录或者项目目录的任何子目录运行

Android hybrib混合开发 android hybrid开发_Android_12

给cordova工程添加目标平台

Android hybrib混合开发 android hybrid开发_App_13

在执行后续命令前，先确认一下环境是否搭建完善了

Android hybrib混合开发 android hybrid开发_cordova_14

安装crosswalk插件（这步其实可以到官网去下载对应的aar来进行依赖即可，没必要安装插件）

Android hybrib混合开发 android hybrid开发_Android_15

Android hybrib混合开发 android hybrid开发_cordova_16

这个时候用Android Studio打开这个项目运行一下

Android hybrib混合开发 android hybrid开发_cordova_17

参考链接：
1. Cordova+Crosswalk打包WebApp
2. 创建你的第一个App