使用PhoneGap Build 将web applications打包成native mobile applications

http://blog.sina.com.cn/s/blog_542095870101bzfa.html

• 于 PhoneGap Build 与 Dreamweaver
• 创建PhoneGap Build service账号
• 建立开发环境
• 用PhoneGap Build打包 mobile applications

关于 PhoneGap Build 与Dreamweaver

PhoneGap Build 是一个云端服务使你能够你的web applications打包native mobile applications. 与Dreamweaver 集成在一起允许你在Dreamweaver site建立和保存你的apps, 上传app到云端的PhoneGap Build service，帮助你打包app。

PhoneGap Build可为以下这些移动操作系统打包native application:

• iOS
• Android
• BlackBerry
• webOS
• Symbian
• Windows 8

 

关于 PhoneGap 生成服务的详细信息，请参阅 PhoneGap website网站。

使用 PhoneGap 生成服务的帮助，请参阅 PhoneGap Build documentation生成文档。

 

创建PhoneGap Build service账号

 

没有 PhoneGap Build服务帐户，你不能使用 PhoneGap Build和 Dreamweaver。可自由创建帐户。可访问PhoneGap Build website创建账号。

您需要通过电子邮件确认帐户验证，之后该帐户将变为活动状态。

 

建立开发环境

开发环境取决于你要打包哪些类型的应用程序和你要测试的设备。在你打包应用前，需要你完成一些设置（任务）。您可能想要设置一些或所有任何下列的一项：

 

Android SDK如果你想要使用 Android 模拟器测试本地计算机上的 Android 应用程序，您需要下载并安装 Android SDK。有关说明，请参阅 Android documentation 文档。

 

 

一旦您安装了 Android SDK，您需要启动 Android SDK 和 AVD Managers，并选择本地计算机上的 Android 工具。Dreamweaver 使用在初始安装过程中的信息填充在 PhoneGap Build Service panel中 Android 模拟器设置。指定这些设置的详细信息，请参阅 Android documentation。

 

重要提示： 如果您使用 Android 模拟器来测试您的本地应用程序，在你做测试工作之前,你应该获得emulator的工作方式，希望它能够独立于 Dreamweaver工作 。

 

webOS SDK/PDK 如果您想用webOS 模拟器来测试本地计算机上的webOS 应用程序，您需要下载并安装 webOS SDK/PDK。有关说明，请参阅 webOS documentation。

 

QR (Quick Response) code readers 如果想要轻松地把您打包的应用程序传输到您的设备，你需要一个 QR code reader。(当你使用 Dreamweaver打包一个应用程序，一旦app被打包，您会收到一个针对该app的QR code，它将显示在PhoneGap 生成面板（PhoneGap Build panel）中）。对免费的各种市场来说，一个不同code readers编码（number ）将为可用。有关详细信息，谷歌" QR code reader "。

用PhoneGap Build打包 mobile applications

1.     请确保您已经创建 Dreamweaver 站点和 index.html 页面 （通常您的应用程序的起始页）。

注意： PhoneGap Build仅支持 HTML、 CSS 和 JavaScipt 文件。您的网站不能包含服务器页面 （例如 PHP、 CFM或其它类型的基于服务器的页面。

2.     选择站点 > PhoneGap Build Servic > Build Service。

 

3.     提供您的登录信息并登录到 PhoneGap Build。如果您还没有创建 PhoneGap Build帐户，请参阅 Create a PhoneGap Build service account.。

4.     创建作为一个新的选中项目，并单击继续。

 

5.     (Dreamweaver 6.0.3 更新） 的操作系统，输入的密钥和密码。只有 Android、 iOS 和黑莓需要签名密钥信息（Signing key information）。

 

如果您是无法生成多个应用程序，可能是因为您没有订阅 PhoneGap service。

注意：

如果输入不正确的信息，会有错误提示，提示您输入了不正确的密钥或密码。如果您不输入任何信息，iOS 创建会有“签名密钥(Signing key)错误”。Android 和Blackberry使用调试证书创建Apps。

6.     注意，Dreamweaver 将添加一个ProjectSettings 文件到您的站点根目录。（您可能需要刷新文件面板来查看它。）此文件是非常重要，因为 PhoneGap Build service使用它来跟踪您的应用程序。

 

Dreamweaver 还将添加一个 config.xml 文件到您的站点的根目录。双击这个简单的 XML 文件可以打开它。

 

通过编辑此文件的内容，自定义你的应用程序的标识。如果你不这样做，所有的应用程序将具有相同的默认应用程序名称。

 

有关使用 config.xml 文件的详细信息，请参阅 PhoneGap Build documentation.。

 

7.     保存已编辑的 config.xml 文件，关闭它，并在 PhoneGap Service panel单击重建（Rebuild）。PhoneGap 将为每个平台完成打包应用程序，您将看到“生成已完成”提示。

 

一旦您的生成都完成后，您有许多选项。您可以将应用程序文件下载到您的计算机， 扫描生成的二维码（QR 码）也会把应用程序传输到您的设备，或用仿真器 (仅Adroid 和 webOS) 模拟应用程序。

 

下载应用程序文件

若要从 PhoneGap Build下载应用程序，请单击 PhoneGap Build Service panel中的下载应用程序按钮 （向下箭头）。

注意： 下载不可用于未经签名密钥的 iOS 应用程序。有关详细信息，请参阅PhoneGap Build documentation。

 

已下载应用程序文件的名称如下所示：

• iOS - app.ipa
• Android - app.apk
• BlackBerry - app.jad
• webOS - app.ipk
• Symbian- app.wgz

 

扫描二维码（QR）来传输一个应用到设备中

您设备上需要有二维码取器。有关详细信息，查看PhoneGap Build documentation.。

注： 二维码不可用于未经签名密钥的IOS 应用程序。有关详细信息，请参阅PhoneGap Build documentation。

1.     在 PhoneGap Build Service panel中，单击您要下载的应用程序的二维码。

2.     在您的移动设备上启动二维码读取器并扫描二维码。

3.     一旦应用程序完成下载，您可以直接在您的设备上启动它。

4.     通过单击Back to Build Panel 按钮，将回到生成列表。

 

注：二维码不可用于未经签名密钥的IOS 应用程序。

 

模拟应用程序 (仅Android 和 webOS )

 

重要信息： 在模拟之前，您需要安装 Android SDK 和 webOS SDK/PDK。还需要指定SDK/AVD 信息，这些信息对本地SDK 应用程序是可用的。有关详细信息，请参阅Set up the Development Environment.。

1.     打开  PhoneGap Build Settings panel，请选择，站点 >  PhoneGap Build Service >PhoneGap Build Settings。

 

2.     指定的 android和/或 webOS 的Sdk 的位置，并单击保存。这些位置告诉 Dreamweaver 在何处查找所需的信息，Dreamweaver需要发送应用程序到 emulator(s) 。

 

3.     在 PhoneGap Build Service panel中 （网站 > PhoneGap Build Service > PhoneGap Build Service），单击您要模拟的应用程序的模拟 （侧身面对）按钮。

4.     如果您以前指定了SDK 应用程序内的 SDK/AVD 信息，应显示一个预先信息的窗口。

 

5.     选择您想要仿真使用的SDK/AVD，并单击 Launch。

注意： 众所周知模拟器很慢慢。它可能需要一些时间以将仿真程序启动和加载应用程序。