Android Hybrid开发 —— Cordova

前言

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

搭建环境

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

然后配置系统环境变量:

Android Hybrid开发 —— Cordova

Android Hybrid开发 —— Cordova

Android Hybrid开发 —— Cordova

Android Hybrid开发 —— Cordova

Android Hybrid开发 —— Cordova

Android Hybrid开发 —— Cordova

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

Android Hybrid开发 —— Cordova

Android Hybrid开发 —— Cordova

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

Android Hybrid开发 —— Cordova

Android Hybrid开发 —— Cordova

Android Hybrid开发 —— Cordova

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

Android Hybrid开发 —— Cordova

给cordova工程添加目标平台

Android Hybrid开发 —— Cordova

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

Android Hybrid开发 —— Cordova

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

Android Hybrid开发 —— Cordova

Android Hybrid开发 —— Cordova

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

Android Hybrid开发 —— Cordova

参考链接:
1. Cordova+Crosswalk打包WebApp
2. 创建你的第一个App
3. Crosswalk 开发浅析,忘掉那些Webview的坑
4. 第三方浏览器内核嵌入一、Crosswalk
5. Cordova webapp实战开发
6. 浅谈Hybrid技术的设计与实现