android studio 现有项目集成Phonegap

1. 需求

为了一些工作中的需求, 我们需要在在已有的应用中集成H5页面, 那么如何做呢? 让我们来看看PhoneGap, 试试这个东西怎么用!

首先确定android sdk 以及jdk安装完成

下载, PhoneGap 2.9.1.

2. 配置assets

配置PhoneGap 
在assets文件夹下新建www文件夹

复制/phonegap-2.9.1/lib/android/cordova.js 
复制/phonegap-2.9.1/lib/android/framework/res/xml/config.xml 
至www文件夹.

新建HTML启动页, index.html, 就是一个简单的HelloWorld.这里我直接复制的一个indexandroid studio 现有项目集成Phonegap_第1张图片

3. 生成Jar包

已经下载了phonegap 2.9.1.zip, 按照步骤在命令行下进入该文件目录:

1. cd phonegap-2.9.1\lib\Android\framework\

2. 执行 android update project -p . -t android-17.

执行该命令的时候要确保android SDK 已经安装在本机,并且已在环境变量中添加。具体可参见搭建android环境。

3. 执行 ant jar。  最初一直提示ant 不是有效命令, 原因在于系统环境变量里没有找到该路径, 或者根本就没有安装 Apache ANT 1.8.0 或者更高的版本。下载The Apache Ant Project. (http://archive.apache.org/dist/ant/binaries/)之后解压到本地,并将解压后的路径添加到环境变量的path(参考ant环境变量配置). 安装之后可以在CMD 里输入ant 来测试是否已经有效, 如果输入后得到:Buildfile: build.xml does not exist ! 而不是ant 不是有效的命令,这成功。我这里用的是ant-1.8.1

4.执行ant jar后
android studio 现有项目集成Phonegap_第2张图片
获得cordova-2.9.1.jar,将jar放到项目的libs下面,最后
android studio 现有项目集成Phonegap_第3张图片
直接加载我们的index

OK!




你可能感兴趣的:(android studio 现有项目集成Phonegap)