我的第一个PhoneGap程序(Android)

来源:互联网 发布:ff14猫女捏脸数据下载 编辑:程序博客网 时间:2024/05/12 20:46

思考了很久,决定写这样的一个博客,记录下自己学习的点滴,同时给刚刚入门的朋友们一个参考。

最近在学习PhoneGap,下面是我创建的第一个PhoneGap工程

从环境的配置到成功运行项目,中间也出现过几个小问题不过都顺利解决了

下面用PhoneGap 来创建一个HelloPhoneGap工程(工程是Android工程)

一、下载需要的软件,并创建PhoneGap项目

PhoneGap  (下载网址 http://phonegap.com/)

Ant (下载网址 http://ant.apache.org/)

下载后解压文件 :


打开文件 apache-ant-1.9.6 ,把此文件下面的bin目录加入到 系统的环境变量 path里面 


bin文件夹下面的内容是


对于我来说我bin的路径是  D:\phonegap\apache-ant-1.9.6-bin\apache-ant-1.9.6\bin 

添加系统环境变量的方法如下截图:





这里选择新建用户变量的原因是,添加到path直接就可以使用了,不需要重新启动才可以生效,如果是直接添加到系统变量中需要重新启动计算机才可以生效。


点击确定就ok 。添加成功之后,可以在命令行里面执行ant 命令,如果出现如下结果说明成功。



用命令行打开  phonegap-2.9.1---->>lib------>>android--------->>bin-------->>create.bat(在window下执行的是这个文件)

在运行这个命令之前,我们还需要把Android sdk 里面的tools 目录加入到环境变量 path中(这里默认用户装了Android sdk Android开发环境,java jdk等)

我的这个路径是  D:\soft_install\adt-bundle-windows-x86_64-20140321\sdk\tools 按照前面添加环境变量的方法加入到path中


执行这句发现报了一些错误 从上面的信息看出在执行这个命令的时候缺少了一些必要的选项 


PathToNewProject  表示工程的路径存在在什么位置

PackageName 表示应用程序的报名

AppName 表示应用程序名称

第一个为必填项,后面两个如果没有添加,则有一个默认的名称,不过在应用程序开发过程中都会自己来添加,


这样,就创建完成了一个PhoneGap项目。

二、用elipse运行这个项目


elipse 启动完成后选择Import项目


选择导入一个存在的Android 到工作空间 点击下一步


选择的根目录是之前生成的HelloPhoneGap项目,点击finish


导入项目完成后,可以看到项目并没有成功运行,报错了,这主要是因为在之前下载的

缺少了 cordova.jar   下一步就是生成一个 cordova.jar 


1、打开cmd命令行 ,进入开cmd命令行工具,依次进入到phonegap目录的lib-》android-》framework.


2、运行 android update project -p . -t android-19 --subprojects回车


3、运行 ant jar 命令来生成 cordova.jar 


中间还有很多内容。。。


从上面的结果可以看出来,生成的jar在当前目录framework中


为了使之前创建的PhoneGap程序可以正确的运行可以吧cordova.jar copy到工程的libs下面,工程就不会报错了,下次再生成另一个PhoneGap项目的时候,项目中直接就有了cordova.jar不需要另外复制


最基础的入门就到这里结束,如果有什么问题或者更好的方案欢迎来信微笑。(ps 第二次修改,第一次的截图全部不知道去哪里了,然后又截了一次再见再见

0 0
原创粉丝点击