选择您使用的开发平台

• iOS
• iOS (Xcode 4)
• Android
• Blackberry
• WebOS
• Symbian

• 视频入门教程 :

  

• 1. 需求

  • 基于Intel芯片的电脑&＃xff0c;并且安装Mac OS X Snow Leopard (10.6)操作系统。

  设备的必要安装项:

  • 苹果iOS设备&＃xff08;iPhone、iPad、Pod Touch&＃xff09;。
  • iOS开发证书。

• 2. 安装SDK &＃43; PhoneGap

  

  从苹果开发者门户下载并安装Xcode。(要求是会员)

  
  
  

  下载最新版本的PhoneGap并解压&＃xff0c;打开iOS目录并完成安装。

• 3. 新项目设置

  • 启动 Xcode, 然后在菜单“文件”下选择“新建项目...”。
  • 在“用户模板”区域&＃xff0c;选择PhoneGap&＃xff0c;然后在右边面板&＃xff0c;选择PhoneGap-based应用程序。
  • 点击“选择...”按钮&＃xff0c;输入项目名称并选择项目存放目录。
  

• 4. Hello World

  找到“www”文件夹&＃xff0c;打开“index.html”文件&＃xff0c;在标签后&＃xff0c;输入

  Hello World

  。你还可以添加任何相关的Javascript或者CSS文件。

• 5A. 部署到模拟器

  • 确认将左上角的Active SDK选项从Use Base SDK改为Simulator&＃43;version#。
  • 在项目窗口顶部点击Build and Run按钮。

• 5B. 部署到设备

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

• 完成!

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

• 视频入门教程 :

  

• 1. 需求

  • 基于Intel芯片的电脑&＃xff0c;并且安装Mac OS X Snow Leopard (10.6)操作系统。

  2. 设备的必须安装项:

  • 苹果iOS设备&＃xff08;iPhone、iPad、iPod Touch&＃xff09;。
  • iOS开发证书。

• 2. 安装SDK &＃43; PhoneGap

  

  从苹果开发者门户下载并安装Xcode。(要求是会员)

  
  
  

  下载最新版本的PhoneGap并解压&＃xff0c;打开iOS目录并完成安装。

• 3. 新项目设置

  • 启动 Xcode, 然后在菜单“文件”下选择“新建项目...”。
  • 从模板列表中选择“PhoneGap-based应用程序”。
  
  • 选择“下一步”按钮&＃xff0c;为你的应用程序输入“产品名称”&“公司名称”。
  
  • 选择项目存储目录。
  • 现在你应该可以在Xcode 4中看到你的项目。在左上角选择运行按钮&＃xff0c;你的程序应该成功编译并在模拟器上启动了。
  • 你会在你的模拟器上看到一条错误信息告知你找不到“index.html”文件。
  • 要解决这个问题&＃xff0c;需要将“www”文件夹复制到项目中。右键单击项目左侧的导航窗口&＃xff0c;点击在查找器中显示。
  • 在查找器中&＃xff0c;可以看到你项目旁边的“www”目录。
  • 下一步非常重要&＃xff01;将“www”文件夹拖动到 Xcode 4。你不能仅仅将“www”文件夹拖动到你的程序文件夹中&＃xff0c;必须拖入Xcode 4中&＃xff01;&＃xff01;在我的示例中&＃xff0c;如下所示我将它拖入到HiWorld中。
  • 拖动后&＃xff0c;你应该会看到弹出包含几个选项的提示&＃xff0c;确认选择“为任何新增的文件夹创建文件夹引用”&＃xff0c;点击完成。

• 4. Hello World

  找到“www”文件夹&＃xff0c;打开“index.html”文件&＃xff0c;在标签后&＃xff0c;输入

  Hello World

  。你还可以添加任何相关的Javascript或者CSS文件。

• 5A. 部署到模拟器

  • 确认将左上角的Active SDK选项从Use Base SDK改为Simulator&＃43;version#。
  • 在项目窗口顶部点击Run按钮。

• 5B. 部署到设备

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

• 完成!

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

• 视频教程:

  

• 1. 需求

  • Eclipse 3.4&＃43;

  本教程还有另外一个不使用Eclipse的版本&＃xff0c;参照这里 。

• 2. 安装SDK &＃43; PhoneGap

  

  下载并安装Eclipse Classic。

  
  
  

  下载并安装Android SDK。

  
  
  

  下载并安装ADT Plugin。

  
  
  

  下载 最新版本的PhoneGap并解压&＃xff0c;我们将使用其中的Android目录。

• 3. 新项目设置

  • 启动Eclipse&＃xff0c;然后在菜单“File”下选择“New > Android Project”。
  
  • 在项目根目录下&＃xff0c;创建两个新目录:
    • /libs
    • /assets/www
  • 复制phonegap.js&＃xff08;从PhoneGap解压缩后的Android目录中&＃xff0c;将解压缩后的带版本号的js文件名修改为phonegap.js&＃xff09;到/assets/www。
  • 复制phonegap.jar&＃xff08;从PhoneGap解压缩后的Android目录中&＃xff09;到/libs。
  • 复制xml整个目录&＃xff08;从PhoneGap解压缩后的Android目录中&＃xff0c;包括一个plugins.xml&＃xff09;到/res。【v1.0 rc2以上】
  • 对Eclipse的src文件夹中的主要Java文件进行少量调整&＃xff1a;&＃xff08;如下图&＃xff09;
    • 将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的错误。在这种情况下&＃xff0c;右键单击/libs文件夹找到Build Paths/ > Configure Build Paths。然后在Libraries标签页中添加phonegap-1.0.0.jar到项目中。如果Eclipse不是很稳定&＃xff0c;你需要点击F5刷新一次项目。
  • 右键单击AndroidManifest.xml并选择Open With > Text Editor。
  • 将下面的权限设置拷贝到versionName之后:&＃xff08;如下图&＃xff09;
    
    android:largeScreens&＃61;"true"
android:normalScreens&＃61;"true"
android:smallScreens&＃61;"true"
android:resizeable&＃61;"true"
android:anyDensity&＃61;"true"
/>














    
  • 在AndroidManifest的activity标签中添加android:configChanges&＃61;"orientation|keyboardHidden"。(如上图)

• 4. Hello World

  在 “/assets/www”目录中新建文件“index.html”&＃xff0c;并粘贴如下代码&＃xff1a;
  

  
  
  
  
  
  
  
  

  Hello World

  
  
  
  

• 5A. 部署到模拟器

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

• 5B. 部署到设备

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

• 完成!

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