[转]PhoneGap开发入门

PhoneGap：http://www.phonegap.cn/

  • 1. 需求

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

    2. 设备的必须安装项:

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

  • 2. 安装SDK + PhoneGap

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

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

  • 3. 新项目设置

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

  • 4. Hello World

    找到“www”文件夹，打开“index.html”文件，在<body>标签后，输入<h1>Hello World</h1>。你还可以添加任何相关的Javascript或者CSS文件。

  • 5A. 部署到模拟器

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

  • 5B. 部署到设备

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

  • 完成!

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

posted on 2013-02-25 08:56  厦门海之星  阅读(148)  评论(0)    收藏  举报
博客园  ©  2004-2025
浙公网安备 33010602011771号 浙ICP备2021040463号-3