使用 PhoneGap 和 Dreamweaver 构建移动应用程序 – 第 6 部分：创建针对 iOS 的发布版本
Content
创建日期
14 December 2011
本教程由 7 部分组成，本文是第 6 部分。通过本教程的学习，您将学会如何使用 Adobe Dreamweaver CS5.5 及其内置的 PhoneGap 支持快速创建 Android 和 iOS 移动应用程序。第 1 部分简要介绍了 PhoneGap，第 2 部分重点介绍了使用 Dreamweaver、一些常见的 PhoneGap API 和 jQuery Mobile 框架构建一个简单的移动应用程序。第 3 部分重点介绍工具和调试技术。第 4 部分和 5 部分介绍了创建针对 Android 的发布版本并提交到 Android 电子市场。如果您不是针对 Android 进行开发，完全可以跳过本系列教程的这两部分。
在这一部分中，您将学习如何利用您自己的私有签名密钥创建针对 iOS 的应用程序发布版本。您可以使用本文样例文件包含的示例应用程序作为例子，也可以使用您自己的应用程序，按照下面的步骤进行操作。
如果您遵循本系列教程到目前为止的步骤，那么应该已经注册了免费的 Apple 开发人员帐户并下载了 iOS SDK。如果还没有这样做，请参见 第 2 部分了解更多详细信息。
注意：要完成本教程，您需要注册 iOS Developer Program。该计划的年费是 $99。注册过程要花几小时，甚至数天时间。
您还需要在运行 Mac OS X 10.6 或更高版本的系统上下载并安装 Xcode。
将项目导入 Xcode
安装 Xcode 之后，第一步是将您使用 Dreamweaver 构建的项目导入到 Xcode 中。
- 在 Finder 中，打开 Dreamweaver 存储 iOS 项目版本的目录。在本教程的样例文件中，该文件夹名为com.companyname.testapp_iOS。
- 双击该目录中的 Xcode 项目文件，在 Xcode 中启动该项目。例如，双击 testapp.xcodeproj 样例文件。
- 在顶部栏中 Stop 按钮旁边，选择一个适当的模拟器并单击 Run 按钮，确保项目被导入，应用程序能够正常运行。您的应用程序应该在 iOS 模拟器中打开了。
创建自动配置文件
需要创建一个自动配置文件(provisioning profile)，应用程序才能在设备上运行。本节将指导您设置必要的证书，使您的 iOS 设备和 Mac 正确地自动配置好。
- 在您注册 iOS Developer Program 并得到 Apple 确认之后，登录到 https://developer.apple.com/devcenter/ios/index.action.
- 在页面的右侧，找到 iOS Developer Program 面板，然后单击 iOS Provisioning Portal（参见图 1）。
- 在 iOS Provisioning Portal 欢迎页面上，单击 Launch Assistant 按钮。
- 在接下来的步骤中，您要遵照 Development Provisioning Assistant 提供的屏幕指示进行操作（参见图 2）。
- 单击 Continue。
- 输入 App ID 描述。使之能够最好地描述您的应用程序。您输入的描述将在整个配置过程中用于识别您的 App ID。例如，我输入的是 dwtest。单击 Continue。
- 接下来，需要指定您用于开发和测试的 Apple 设备。如果您已经设置了一种设备，则只需选择 Use An Existing Apple Device，再选择该设备即可。否则，选择 Assign A New Apple Device，然后单击 Continue。
- 输入设备的描述。例如，我输入的是Steves iPhone 4。（不允许包括撇号在内的特殊符号。）
- 输入您的 Unique Device ID (UDID)。要找到它，可将设备连接到 Mac，选择 Window > Organizer in Xcode，并选择您的设备。复制标识符字段中 40 字符长的字符串，将它作为 Device ID 粘贴到 Development Provisioning Assistant 中。
- 单击 Continue。
- 在 Mac 机器上的 Applications 文件夹中，打开 Utilities 文件夹并双击 Keychain Access。
- Keychain Access 启动之后，选择 Keychain Access > Certificate Assistant > Request a Certificate from a Certificate Authority。
- 在 Certificate Information 对话框中，输入用来注册 iOS Developer Program 的电子邮件地址。在 Common Name 字段，输入您的姓名或单位名称。选择 Saved To Disk（参见图 3），然后单击 Continue。
接下来，需要申请一个开发证书。
- 注意证书签名请求 (CSR) 保存在哪里。
- 返回到浏览器中的 Development Provisioning Assistant。
- 在 Development Provisioning Assistant 中上传您的 CSR，然后单击 Continue。
- 为您的自动配置文件输入描述，并单击 Generate。完成后单击 Continue。
- 遵照屏幕上的指示下载并安装您的自动配置文件。单击 Continue。
- 遵照屏幕上的指示下载并安装开发证书。然后单击 Continue。
- 完成屏幕指示的操作，但是还没有将应用程序安装到设备上。这将在下一节完成。
将应用程序安装到设备上
- 在创建发布版本之前，最好将应用程序安装到您的设备上。
- 在 Xcode 中打开您的项目，在顶部的跳转栏中，从您之前选择的模拟器切换到您的设备（参见图 4）。
- 在 Xcode 中选择项目的Summary 选项卡，将 Identifier 设置为包含上一节中设置的 App ID（参见图 5）。例如，如果您之前输入了 dwtest 作为 App ID，那么就可以将 Identifier 设置为 com.yourcompany.dwtest。
- 选择您想要应用程序支持的目标，并添加用于应用程序图标和初始屏幕(splash screen)的图像。
- 单击 Run 按钮，构建应用程序并将它安装到设备上。
创建发布版本
从应用程序的调试版本切换到发布版本相当容易。
- 在顶部栏中 Stop 按钮旁边单击，选择 Edit Scheme（参见图 6）。
- 在 Edit Scheme 对话框，确保左侧面板中的 Run 被选中，然后选择主面板中的 Info 选项卡。
- 将 Build Configuration 设置从 Debug 更改为 Release（参见图 7）。
- 单击 OK。
- 确保您的设备已连接到 Mac，在跳转栏中的 Stop 按钮旁边选中它。
- 单击 Run 按钮。
这就创建了应用程序的发布版本，并将它安装到设备上。
下一个阅读方向
在本教程中，学习了如何创建用于在设备上构建和安装应用程序的发布版本的自动配置文件和证书。在 第 7 部分中，将学习如何在 Apple 应用商店中分发您的应用程序。
有关设置自动配置文件的信息，请参见 iOS Provisioning Portal 网站。
+
本产品经 Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License 许可。Adobe 提供超出该许可范围、与本产品包含的代码示例相关的权限。
More Like This
- Best practices with CSS in Dreamweaver CS4
- Introducing the HTML5 video element
- Designing with CSS – Part 4: Styling headers and main content
- Designing with CSS – Part 2: Defining style properties and working with floats
- Designing with CSS – Part 5: Building site navigation
- Designing with CSS – Part 1: Understanding CSS Design Concepts
- Designing with CSS – Part 3: Using CSS for site layout
- Creating a simple three-column design
- Checking for cross-browser CSS rendering issues
- What's new in Dreamweaver CS5.5