1.配置要求

• Mac OS X Snow Leopard (10.6) 因特尔内核处理器的电脑

需要安装的工具：

• 一个苹果iOS设备（iPhone、iPad、iPod Touch）
• iOS开发证书。

2.安装 SDK + PhoneGap

从 苹果开发者门户下载安装Xcode(需要注册账号)

Download解压最新的PhoneGap副本，执行iOS目录的安装程序。

3.设置新项目

• 启动Xcode，在菜单项的“文件”下选择新建项目
• 从导航中找到“User Templates,选择PhoneGap”,同样的我们选择 PhoneGap-based Application
• 点击 选择... 按钮,给项目命名并选择文件目录

4.hello word程序的编写

打开www目录，在index.html的后输入Hello World ，你同样可以添加有关的css和js文件。

5.配置模拟器

• 确认右上角的Active SDK菜单从Use Base SDK调整为Device+version#
• 点击项目窗口上部的“编译运行”按钮

5B. 部署到设备

• 打开[AppName]-Info.plist，将BundleIdentifier改为苹果公司提供的标识。如果你有开发许可，你可以在这里运行助手并注册应用程序。

• 确认将左上角的Active SDK选项从Use Base SDK改为Device+version#。

• 在项目窗口顶部点击Run按钮

完成!

你可以在这里了解本指南的详细版本。

1. 配置要求

• Mac OS X Snow Leopard (10.6) 因特尔内核处理器的电脑

需要安装的工具：

• 一个苹果iOS设备（iPhone、iPad、iPod Touch）
• iOS开发证书。

2.安装 SDK + PhoneGap

从苹果开发者门户下载安装Xcode(需要注册账号)

下载解压最新的PhoneGap副本，执行iOS目录的安装程序。

3.设置新项目

• 启动Xcode，选择文件菜单下的新建,创建新的项目...
• 从模版列表中选择PhoneGap-based Application

• 点击Next,输入应用名称和Company Identifier

• 选择一个应用用来存放的目录
• 这时候你能够在Xcode4中看到你的项目了，点击左上角的运行按钮，应用经过编译后能够加载到模拟器
• 这世后你会看到一个找不到index.html的报错信息
• 作为修复，我们需要复制“www”文件夹到项目。我们右击项目左侧的导航窗口，点击在查找其中显示
• 在查找器中你会看到项目旁边的“www”目录
• 下一步非常重要！把"www"目录拖入Xcode4.你不能仅仅将"www"文件夹拖入应用的目录中，而且还要拖入Xcode4中！！在我的示例中，我将它拖入到HiWorld中。

• 在拖放完成之后，你会看到几个提示，切记为每个文件夹设置引用路径，点击完成

4.Hello World程序的编写

找到“www”文件夹，打开“index.html”文件，在标签后，输入Hello World。同时你可以添加Web中常用的Js和CSS

5A.加载到模拟器

• 把左上角的Active SDK选项从Use Base SDK改为Simulator+version#。
  
• 在项目窗口头部点击运行

5b.加载到设备

• 打开[AppName]-Info.plist，将BundleIdentifier改为苹果公司提供的标识。如果你有开发许可，你可以在这里运行助手并注册应用程序。
• 确认将左上角的Active SDK选项从Use Base SDK改为Device+version#。
• 在项目窗口顶部点击Build and Run按钮。

完成!

你可以在这里了解本指南的详细版本。

1. 配置要求

• Eclipse 3.4+

这里提供一个不需要Eclipse的Terminal版本教程

2. 安装 SDK + PhoneGap

下载安装Eclipse Classic

下载安装 Android SDK

下载安装 ADT Plugin

下载 最新的PhoneGap版本然后解压其中，下面就是安卓目录的配置过程了.

3. 配置新的项目

• 打开 Eclipse,在文件菜单下面点击 New > Android Project

• 在项目的根目录, 创建两个目录:
  • /libs
  • /assets/www
• 从刚才下载的PhoneGap中复制phonegap.js 到/assets/www目录
• 从刚才下载的PhoneGap中复制phonegap.jar 到/libs目录
• 从刚才下载的PhoneGap中复制xml文到夹到/res 目录
• M对Eclipse的src文件夹中的主Java文件进行少量调整：（如下图）
  • 将class的继承类由 Activity改为DroidGap
  • 将setContentView() 这一行替换为 super.loadUrl("file:///android_asset/www/index.html");
  • 添加import com.phonegap.*;
  • 移除 import android.app.Activity;

• 在这里你可能会遇到Eclipse找不到phonegap-1.0.0.jar的错误。在这种情况下，右键单击/libs文件夹找到Build Paths/ > Configure Build Paths。然后在Libraries标签页中添加phonegap-1.0.0.jar到项目中。如果Eclipse不是很稳定，你需要点击F5刷新一次项目。
• 右键单击AndroidManifest.xml并选择Open With > Text Editor。
• 将下面的权限设置拷贝到versionName之后:（如下图）


<supports-screens
android:largeScreens="true"
android:normalScreens="true"
android:smallScreens="true"
android:resizeable="true"
android:anyDensity="true"
/>
<uses-permission android:name="android.permission.CAMERA" />
<uses-permission android:name="android.permission.VIBRATE" />
<uses-permission android:name="android.permission.ACCESS_COARSE_LOCATION" />
<uses-permission android:name="android.permission.ACCESS_FINE_LOCATION" />
<uses-permission android:name="android.permission.ACCESS_LOCATION_EXTRA_COMMANDS" />
<uses-permission android:name="android.permission.READ_PHONE_STATE" />
<uses-permission android:name="android.permission.INTERNET" />
<uses-permission android:name="android.permission.RECEIVE_SMS" />
<uses-permission android:name="android.permission.RECORD_AUDIO" />
<uses-permission android:name="android.permission.MODIFY_AUDIO_SETTINGS" />
<uses-permission android:name="android.permission.READ_CONTACTS" />
<uses-permission android:name="android.permission.WRITE_CONTACTS" />
<uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" />
<uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" /> <uses-permission android:name="android.permission.GET_ACCOUNTS" />
• Add android:configChanges="orientation|keyboardHidden" to the activity tag in AndroidManifest. (view image below)
• Add a second activity under you appliction tag in AndroidManifest. (view image below)
<activity android:name="com.phonegap.DroidGap" android:label="@string/app_name" android:configChanges="orientation|keyboardHidden"> <intent-filter> </intent-filter> </activity>

4. Hello World

在 “/assets/www”目录中新建文件index.html ，并粘贴如下代码：

5A. 部署到模拟器

• 右键单击项目节点选择Run As 然后点击 Android Application
• Eclipse将要求你选择一个合适的AVD，如果没有设置的话，你需要创建一个AVD。

5B. 部署到设备

• 确认设备已经勾选USB debugging选项，并已将设备连接到电脑。（设置 > 应用程序 > 开发)
• 右键单击项目节点选择 Run As然后点击Android Application

完成!

你可以在这里了解本指南的详细版本。

配置要求

• Windows XP (32-bit) 或者 Windows 7 (32-bit and 64-bit)

对于 4.x 设备查看 这个指南.

2. 安装 SDK + PhoneGap

下载并安装 Sun JDK (32-Bit 版本). 对其进行配置环境变量.

下载并解压 Apache Ant.对其进行配置环境变量.

下载 BlackBerry WebWorks SDK 并安装到C:BBWP目录。

下载 最新的PhoneGap解压文件到C:Devphonegap目录中

3. 配置新项目

• 打开一个命令行窗口并定位到BlackBerryWebWorks目录。
• 输入ant create -Dproject.path=C:DevphonegapBlackBerryWebWorkssample 并确定
• 切换到刚刚创建位于 C:DevphonegapBlackBerryWebWorkssample的目录.
• 用合适的编辑器打开project.properties文件，将bbwp.dir= to 修改成 bbwp.dir=C:BBWP.

4. Hello World

当你位于项目目录时，通过命令窗口输入 ant build 编译PhoneGap示例项目。注意，这是PhoneGap示例项目而不是基本的hello world应用程序。如果你想的话，可以编辑项目目录中的“www”目录下的“index.html”文件让它输出hello world。

5A.部署到模拟器

• 当位于项目目录时，在命令行键入ant load-simulator.
• 在模拟器中点击BlackBerry按钮，在downloads栏目中，你可以看到你的应用程序。

5B. 部署到设备

• 你必须通过填写此表格从RIM获取你的签名密钥。
• 当位于项目目录时，在命令行键入ant load-device。.
• 在模拟器中点击BlackBerry按钮, 在downloads栏目中，你可以看到你的应用程序。

完成!

你可以在这里了解本指南的详细版本。

1. 配置要求

• Windows, OS X,或者Linux

2. 安装 SDK + PhoneGap

下载并安装 Virtual Box

下载并安装 webOS SDK

下载并安装 cygwin (仅Windows). 确保你选择了“make”，默认情况下不包括此选项

下载 最新的PhoneGap解压其中的文件

3. 新项目设置

• 打开terminal/cygwin，导航到你将下载的PhoneGap解压缩的位置，进入webOS目录。

4. Hello World

在phonegap/webOS/framework/www目录中，用你最喜欢的编辑器打开“index.html”文件。在body标签后添加<h1>Hello World</h1>

5A. 部署到模拟器

• 从应用程序的folder/start菜单启动Palm模拟器。
• 当位于webOS目录时，在terminal/cygwin中键入make。

5B. 部署到设备

• 确认你的设备处于 开发者模式，并且已与电脑连接。
• 当位于webOS目录时，在terminal/cygwin中键入make。

完成!

你可以在 这里了解本指南的详细版本。

1. 配置要求

• Windows, OS X, 或者Linux

另外还有QT for Symbian 和 Symbian with Sony Ericsson 指南。

2. 安装SDK + PhoneGap

D下载并安装cygwin (仅Windows). 确保你选择了“make”，默认情况下不包括此选项。

下载最新版本的PhoneGap并解压缩。

3. 新项目设置

• 在cygwin,找到解压PhoneGap的目录， 进入Symbian目录。

4. Hello World

在phonegap/symbian/framework/www目录中，用你最喜欢的编辑器打开“index.html”文件。在body标签后移除“Build your phonegap app here! Dude!”并添加

Hello World

5A. 部署到模拟器

• 对于Mac或Linux用户需要安装Aptana Studio 和Nokia WRT Plug-in for Aptana Studio. 这包含一个基于浏览器的模拟器。
• Windows用户需要下载 S60 SDK 它包含S60模拟器。
• 将phonegap-symbian.wrt/app.wgz文件加载进模拟器。

5B. 部署到设备

• 通过蓝牙或者邮件将phonegap-symbian.wrt/app.wgz文件上传到设备。

完成!

Y你可以在这里了解本指南的详细版本。