文档章节

phonegap android开发初体验

弓影
 弓影
发布于 2011/11/14 09:57
字数 848
阅读 1313
收藏 10

      最近想学习一下手机上的web app开发,朋友推荐phonegap是一个很不错的跨平台开发框架,下面是初次使用的一些总结总结。

1、开发环境配置

      系统要求可以具体参考:http://developer.android.com/sdk/requirements.html,下面是操作的具体步骤。

      a、安装jdk,jdk是android sdk的安装基础。下载地址:http://www.oracle.com/technetwork/java/javase/downloads/java-se-jdk-7-download-432154.html。windows下推荐使用 jdk-7-windows-i586。

      b、安装eclipse,需要3.4以上版本,下载地址:http://www.eclipse.org/downloads/download.php?file=/eclipse/downloads/drops/R-3.7-201106131736/eclipse-SDK-3.7-win32.zip。如果不想安装就使用eclipse classic版本。

      c、安装android的SDK,下载地址:http://developer.android.com/sdk/installing.html

       安装时需要记录sdk的安装目录,比如:C:\Program Files\Android\android-sdk,在eclipse中导入sdk时使用。导入方法:打开eclipse -> Window -> Preferences -> 选择 android -> 在SDK location填入SDK的安装目录。

       注意:1)SDK的路径中不能有空格,可将“Program Files”替换成“PROGRA~1”。2)打开eclipse -> Window -> Android SDK and AVD Manager -> 选择合适的android版本,update all, 保证SDK安装完整。

       e、下载安装 ADT Plugin,是一款Eclipse的插件,用于快速开发Android应用。

       安装步骤:打开eclipse -> Help -> Install New Software -> add -> Name填ADT Plugin,Location填 https://dl-ssl.google.com/android/eclipse/ -> ok,安装完成后重启eclipse。

       注意:如果安装时出现错误,请尝试将 https 改为 http 。

      f、下载最新的phonegap稳定版本并解压,可在官方网站下载(www.phonegap.com)。这里使用的是1.1.0。

2、创建project

     a、打开eclipse -> File -> New -> Project -> Andorid Project

           

     b、填写项目信息,包括项目名称、选择系统版本(在这里使用的是Android 2.2),Package name等,填完之后finish就创建了一个基本的android应用程序。如下图:

           

     c、创建AVD(android virtual device),为程序选择执行环境。

           打开eclipse -> window -> Android SDK and AVD Manager,照下图进行创建:

           

           注意:因为项目在创建时选择了Android2.2,所以选在AVD的target版本应该不能比2.2高。

           此时右键选中项目根目录 -> Run as -> Android Application 执行会得到下面的效果:

           

     d、导入phonegap框架

     1)在根目录下建libs文件夹,将下载的phonegap解压后的android下的jar包(此处为phonegap-1.1.0.jar)拷到libs目录下。

     2)在根目录下的assets目录下建www文件夹,将下载的phonegap解压后的android下的phonegap的js(此处为phonegap-1.1.0.js)拷贝到www目录下。

     3)将下载的phonegap解压后的android下的xml文件夹拷贝到项目根目录的res文件夹下。

     4)在www目录下建index.html,在html中引入phonegap的js,并调用phonegap的api做一些简单的事情(API的具体含义请参考官方网站),代码如下:

            

     5)修改主程序FirstAppActivity.java,原来代码为:

            

            修改后为:

            

            此时会出现错误,是因为phonegap的jar包没有引入到build path中,右键点击libs -> Build Path -> Configure Path,如下图操作添加jar包到build path中。

            

     6)修改AndroidManifnest.xml文件,将下面的内容添加到版本号的后面。

           

           在activity 节点中添加 android:configChanges="orientation|keyboardHidden"。

      7)此时执行,会得到如下基于phonegap的页面:

           

3、当项目搭建好后,就可以在index.html中使用js、html、css和phonegap的api创建和丰富自己的应用了,大功告成!


本文转载自:http://blog.csdn.net/qmtang/article/details/6941855

弓影
粉丝 2
博文 6
码字总数 0
作品 0
海淀
私信 提问
加载中

评论(2)

惜海
惜海
图片看不到呀
软件开发后,能在这体验测试 软件的稳定性
http://t.cn/SG8KHo
手机应用测试平台
中国移动(RTS)手机应用测试平台,提供真实手机设备,并能远程安装、测试手机应用。只要联网,通过网页就可以为你的作品进行不同的手机进行测试,节省开发者的开发时间,降低开发成本。平台包括Android、S60 wm6/7、Ophone等众多OS与机型。
使用The PhoneGap Developer App实现快速调试项目

如今,基于 PhoneGap 的混合 APP 开发技术更加成熟,优势更加凸显。移动互联网的迅猛发展,Android 和 iOS 的版本快速迭代,使 HTML5 的性能问题逐步解决。仅仅在 PhoneGap 官网上,已经有来...

crazymus
2015/04/26
1K
0
Mac上PhoneGap3.4 Android开发环境配置

找了本PhoneGap的书,看了一点准备上手,却发现这东西更新的真快,现在的开发流程完全不一样了,应该说是变得更加方便了。 首先你需要node.js的环境,这个直接去官方下,安装包傻瓜安装就可以...

realZ
2014/03/05
516
0
关于跨平台移动应用开发框架的探索 -- PhoneGap

本文通过介绍移动互联网的发展,引出了跨平台移动应用开发的现状,并对当前的跨平台移动应用开发框架进行了比较。在实践环节中,本文首先使用 PhoneGap Build 将 HTML 程序发布为多移动平台的...

IBMdW
2011/11/24
3.7K
0
基于PhoneGap的Android应用开发-Get started

PhoneGap是一款开源的手机应用开发平台,它仅仅只用HTML和JavaScript语言就可以制作出能在多个移动设备上运行的应用。 PhoneGap将移动设备本身提供的复杂的API进行了抽象和简化,提供了一系列...

无鸯
2011/09/09
1K
1
未来是iOS的,更是Android的,但归根结底还是PhoneGap的

/*本文是吃饭博客在2011年初写的老文章,但是文章对移动互联网从以iOS、Android为代表的Native App开发到以Titanium、PhoneGap为代表的Web App开发的进化所作的分析却一点儿也不过时,所以这...

红薯
2011/11/14
4.4K
16

没有更多内容

加载失败,请刷新页面

加载更多

golang 不同mysql 连接库对比

待续

caucy
8分钟前
1
0
PHP JsonWebToken的实现

废话不多说,上码(thinkphp环境) <?phpnamespace app\index\controller;class Jwt{ /** * @var array jwt头部 */ private static $header = [ //生成signatu......

yehua11
12分钟前
2
0
gitlab docker Web界面打开反应迟钝的解决办法

参考:https://blog.csdn.net/happyfreeangel/article/details/88653846 解决办法: 修改gitlab的配置文件:gitlab.rb 位置在容器中的/etc/gitlab/config 使用容器时必须挂载到外面的存储,要...

bapleliu
12分钟前
1
0
AJAX 请求 浏览器F12 看不到返回值

最近在某某高校上线AA系统之后对于某一个接口,有的时候可以界面可以正常渲染并展示正确的数据,偶尔不行。 前端开发人员打开浏览F12,指着屏幕说,AJAX请求了没有返回呀,这个要后端看看到底...

特拉仔
18分钟前
1
0
好程序员Java学习路线分享JVM类加载机制

好程序员Jav学习路线分享JVM类加载机制JVM相关概念 - jdk<br> jdk(Java Development Kit)Java开发包,是Java开发人员用于编译和调试程序的一套程序的集合。 - jre<br> jre(Java Runtime ...

好程序员官方
21分钟前
2
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部