Android Hybrid开发 —— Cordova

前言

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

搭建环境

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

然后配置系统环境变量:

这里写图片描述

这里写图片描述

这里写图片描述

这里写图片描述

这里写图片描述

这里写图片描述

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

这里写图片描述

这里写图片描述

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

这里写图片描述

这里写图片描述

这里写图片描述

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

这里写图片描述

给cordova工程添加目标平台

这里写图片描述

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

这里写图片描述

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

这里写图片描述

这里写图片描述

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

这里写图片描述

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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值