phonegap学习入门

摘要:
PhoneGap的官方网站上有详细的入门示例教程。在这里,我将在PhoneGap官方网站上介绍和补充GetStarted,以开发Android移动应用程序。下载最新版本的PhoneGap。安装完以上所有内容后,转至下一步。步骤4 4◆ 打开Eclipse,选择File->New->Other->AndroidProject,然后创建一个项目。本文以[helloind]为名称。将项目属性输入为Applicationname:helloidPackagename:com。phonegap HelloinsideCreateActivity:如果您在应用程序步骤中遇到Notargetavailable,这是因为ADK环境未配置首选项->android->选择android sdk的路径,然后单击应用。注意:目前,当PhoneGap 0.9.3在Android 2.3或更高版本中使用时,会发生错误,因此请为BuildTarget选择低于Android 2.2的版本。
phonegap 开发入门

PhoneGap官方网站上有详细的入门示例教程,这里,我针对使用PhoneGap进行Android移动应用的开发对其官网的Get Started进行一些介绍、补充。

Step1、选择你想要进行开发的移动平台,点击Android图标

Step2、需要安装的软件-Eclipse3.4以上版本

Step3、安装SDK+PhoneGap

(1)安装Eclipse3.4,我安装使用的为3.6版本中文语言包(如果你使用的是英文原版,下面的一些操作请自行和我的中文描述对应),ADT Plugin要求使用3.5.1以上版本 。如果你对Eclipse不了解,不知道使用哪种版本的,建议下载Eclipse Classic版本。Eclipse为绿色版软件,下载后解压到任意位置均可使用。

(2)下载安装JDK (java SDK)。android SDK 依赖于JDK,所以必须先安装JDK 。JDK1.6官方下载 。JDK 安装好以后,需要配置系统环境变量。配置系统环境变量.

(3)下载安装Android SDK (android官方下载地址不可直接访问,华军有当前最新版本的SDK下载,访问这里)。同JDK设置环境变量一样,需要设置ADK的环境变量为(以我 安装ADK的路径为例) M:Program FilesAndroidandroid-sdkplatform-tools

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

(5)下载最新版本的PhoneGap

以上所有都安装好以后,再进行下一步

Step4

◆打开Eclipse,选择文件->新建->其他->Android Project

phonegap学习入门第1张

并建立一个专案本文以 [helloinside]为名称,分别输入专案的属性为

Application name:helloinside

Package name:com.phonegap.helloinside

Create Activity:app

打开Eclipse

这一步如果遇到No target available ,是因为ADK环境没配置好 首选项—>android—>选择android-sdk的路径,然后点击应用即可。(需要重新启动Eclipse)

phonegap学习入门第3张

注:目前PhoneGap 0.9.3用Android 2.3以上版本会出错,所以Build Target请选 Android 2.2以下的版本。

◆在新建项目的根目录下,创建两个目录

  1. /libs
  2. /assets/www

◆解压PhoneGap文件夹,复制phonegap.js文件到/assets/www 目录下,复制phonegap.jar文件到libs目录下

◆需要对Eclipse下项目的App.java文件(src文件夹内)进行一些配置(如图所示)

修改类的继承 将Activity 修改为 DroidGap

将setContentView() 这一行修改为super.loadUrl("file:///android_asset/www/index.html");

添加 import com.phonegap.*;

有可能在这里会遇到一个错误,显示Eclipse找不到phonegap-0.9.2.jar ,右键点击/libs文件夹,Build Paths(构建路径)/ > Configure Build Paths(配置构建路径) 在library(库)栏向工程中添加phonegap-0.9.4.jar ,可能需要按一次F5刷新。

◆右键点击AndroidManifest.xml文件,选择Open With > Text Editor(打开方式->文本编辑器)

如图所示

◆粘贴下面的授权信息至版本名称后面(如图所示)

  1. <supports-screens
  2. android:largeScreens="true"
  3. android:normalScreens="true"
  4. android:smallScreens="true"
  5. android:resizeable="true"
  6. android:anyDensity="true"
  7. />
  8. <uses-permissionandroid:name="android.permission.CAMERA"/>
  9. <uses-permissionandroid:name="android.permission.VIBRATE"/>
  10. <uses-permissionandroid:name="android.permission.ACCESS_COARSE_LOCATION"/>
  11. <uses-permissionandroid:name="android.permission.ACCESS_FINE_LOCATION"/>
  12. <uses-permissionandroid:name="android.permission.ACCESS_LOCATION_EXTRA_COMMANDS"/>
  13. <uses-permissionandroid:name="android.permission.READ_PHONE_STATE"/>
  14. <uses-permissionandroid:name="android.permission.INTERNET"/>
  15. <uses-permissionandroid:name="android.permission.RECEIVE_SMS"/>
  16. <uses-permissionandroid:name="android.permission.RECORD_AUDIO"/>
  17. <uses-permissionandroid:name="android.permission.MODIFY_AUDIO_SETTINGS"/>
  18. <uses-permissionandroid:name="android.permission.READ_CONTACTS"/>
  19. <uses-permissionandroid:name="android.permission.WRITE_CONTACTS"/>
  20. <uses-permissionandroid:name="android.permission.WRITE_EXTERNAL_STORAGE"/>
  21. <uses-permissionandroid:name="android.permission.ACCESS_NETWORK_STATE"/>

如上图所示

◆向activity标记中添加android:configChanges="orientation|keyboardHidden” (如上图所示)

Step5

◆新建一个index.html文件至/assets/www目录下

◆粘贴下面的代码至index.html文件中

  1. <!DOCTYPE HTML>
  2. <html>
  3. <head>
  4. <title>PhoneGap</title>
  5. <scripttype="text/javascript"charset="utf-8"src="phonegap.js"></script>
  6. </head>
  7. <body>
  8. <h1>Hello World!</h1>
  9. </body>
  10. </html>

Step6

phonegap学习入门第6张

◆右键点击项目,选择 运行方式-> Android Application

◆Eclipse可能会询问你选择一个AVD(Android运行的虚拟设备),如果没有,你可以创建一个(建议选择2.2版本)

注意:运行时初始启动较慢,需要耐心等待几分钟。

如果你看到了下面这张图,恭喜你,hello world运行成功!

hello world

Step7

◆确保你的设备上开启了USB debug模式,并且通过USB线将它连接到电脑上(你的设备:设置->应用->开发)

◆右键点击项目,选择 运行方式-> Android Application

OK ! 如果不出意外的话,你的第一个Android版应用 Hello World!就已经大功告成了。接下来,你可以参阅PhoneGap wiki

免责声明:文章转载自《phonegap学习入门》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇dwr的简单使用How Digg is Built:讲述Digg背后的技术,互联网营销 狼人:下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

如何使用JDK自带工具JConsole

前言 jconsole.exe为jdk自带的监控工具,操作简便,比较容易上手。jconsole可以实时的监控Java程序在运行过程中的内存,cpu,线程的使用情况,并可以对加载的相关类进行分析。下面开始一起看看如何使用jconsole吧! 打开jconsole步骤: 1、首先进入到jdk的安装目录bin目录下;双击“jconsole.exe”打开jcons...

linux安装jdk脚本

使用Shell远程给Linux安装JDK  #1.下载JDK(不同版本JDK更换链接即可) wget命令下载的文件会在当前目录下,所以如果在下载前最好先 cd 到想把JDK安装的位置,如果没有,可以先创建相应目录 1 wget --no-check-certificate --no-cookies --header "Cookie: oraclelic...

微信小程序接口测试时appid为空如何解决

一、web接口测试和app/微信小程序接口测试的区别 web接口一般是通过浏览器访问,app接口是通过手机端访问的,所以他们header头部请求是不一样的,一样的就是User Agent这个参数。 web请求的header请求中的User Agent以谷歌为例: MAC:Mozilla/5.0 (Macintosh; Intel Mac OS X 10_1...

百度地图开发-实现离线地图功能 05

上一篇我们根据研究学习,实现了实时定位显示功能,可以在地图上显示出自己所处的位置,并实时进行自动更新。那么接下来就让我们实现离线地图功能。 在日常的业务开发过程中,很多时候都会使用离线地图。那么我们需要在有网的时候加载并下载所处地区的地图,当没有运营商网络或WIFI的时候,就可以无感切换到离线地图,不会过大影响用户的使用。 实现离线地图功能 关于离线地图,...

Win7(64)+eclipse(64)+tomcat7(64)+jdk7(64)开发环境配置

Win7(64) + eclipse(64)+ tomcat7(64)+ jdk7(64)开发环境配置 一直开发都是用myeclipse,这次尝试了一下eclipse,并且开发工具全部采用最新版本,配置的时候出现了各种各样的问题,总算总结出一个标准步骤,和大家分享一下。 一、到官网下载文件,全部选择for window 64位最新版本 二、安装配置 1、安...

用PHP编写Android应用程序 狼人:

Google的开源Android移动操作系统正在席卷全球智能手机市场,和苹果不一样,它对那些想将应用程序提交到iPhone App Store的开发人员有着严格的指导方针和要求,Google的Android平台非常开放,甚至还可以用PHP编写Android应用程序,Irontech创建了一个运行在Android上的PHP移植程序,结合Android的脚本层...