迁移HTML5移动项目到PhoneGap

MyEclipse开年钜惠 在线购买低至75折！当即开抢>>

【MyEclipse最新版下载】

1、建立一个新的PhoneGap应用程序项目

PhoneGap应用程序项目的结构与HTML5移动应用程序项目相似。还没安装MyEclipse？当即下载>>

1. 在Dashboard的常规选项中选择Mobile页面，而后点击Create a PhoneGap Application Project。

从Dashboard开始使用

2. 为您的项目指定一个与正在迁移的HTML5项目相似的名称，而后单击Next。

为项目命名

3. 接受默认的 Blank Application模板，而后单击Next。

选择blank application模板

4. 若是您以前已将应用程序提交到Apple App Store或Android marketplaces，请输入提交应用程序时使用的相同应用程序ID。

5. 若是您的HTML5应用访问本地设备功能（如联系人或地理位置），请选择插件，而后单击Finish。

选择插件

6. 若是提示打开MyEclipse Mobile透视图，请单击Yes。

新的PhoneGap项目

2、将文件从HTML5项目复制到PhoneGap项目中

1. 在HTML5 app项目的www/文件夹的资源中，单击右键，而后选择Copy。

从HTML5项目复制www资源

2. 将资源粘贴到新PhoneGap项目的www /文件夹中，覆盖现有资源。

将资源粘贴到新项目中

3. 双击PhoneGap项目中的index.html文件，在编辑器中将其打开。

4. 更改如下脚本引用：

<script type="text/javascript" src="rte/cordova.js"></script>

更改成：

<script type="text/javascript" src="cordova.js"></script>

5. 删除如下脚本参数：

<script type="text/javascript" src="rte/rte.js"></script>

更新脚本参数

6. 按下CTRL + S保存文件。 如今的参数变化支持最新以及更高版本的Cordova。

7. 删除www /文件夹中的rte /文件夹。

3、将图像从HTML5项目复制到PhoneGap项目

1. 在PhoneGap项目的www / res文件夹中，建立一个用于存储应用程序图像的新文件夹。 能够在res /文件夹中使用你喜欢的任何文件夹结构。

注意：不须要将图像存储在res /文件夹中；然而，使用res /文件夹能够防止iOS图像被包含在Android构建中，反之亦然。 所以，建议将图像存储在res /文件夹中。 默认应用程序图像存储在res /图标和屏幕文件夹中。

用于存储应用图像的新文件夹

2. 在HTML5应用程序项目中，打开Android和iOS的文件夹和apps/文件夹。从相应image/文件夹中复制图像到在PhoneGap项目中建立的文件夹中。

将HTML5项目的图像复制到新的项目

3. 双击PhoneGap项目中的config.xml，在编辑器中将其打开。

4. 展开Images，并更新图像参数来引用您复制到项目中的图像。

更新图像参数

5. 按下CTRL + S保存配置文件。

4、更新配置设置

HTML5应用程序项目为每一个平台包含一个单独的buildconfig.xml文件。使用PhoneGap项目，只有一个config.xml，您须要将旧配置文件的设置传输到新的。

1. 在HTML5应用程序项目中，打开apps/文件夹和Android、Android的文件夹，每一个文件夹包含buildconfig.xml。

平台构建配置文件

2. 打开每一个平台的buildconfig.xml文件，并将信息传送到PhoneGap项目的config.xml中的相应字段。

3. 在config.xml的Essentials页面上，选择您正在支持的平台。

指定支持的平台

4. 按下CTRL + S保存配置文件。

5、配置数字签名信息

在HTML5应用程序项目中，数字签名信息保存在每一个平台的buildconfig.xml文件中。 经过PhoneGap项目，在Mobile Tools参数设置中签名配置文件可存储签名信息。签名配置文件包括相应的数字签名细节。 在构建应用程序时，系统会提示您选择签名配置文件（除非您正在调试模式下构建Android应用程序）。

1. 选择Window>Preferences，展开Window>Preferences，而后选择Signing Profiles。

2. 建立一个新的签名配置文件，并输入您的签名数据。

使用数字签名数据建立签名配置文件

经过HTML5项目签名配置，您输入了一个Bundle ID。 建立PhoneGap应用程序项目时，输入应用程序ID。 这至关于以前称为Bundle ID的内容。 在建立项目后，能够经过编辑config.xml文件中的字段来更改应用程序ID。

如今，您应该可使用Mobile Web Simulator测试您的新项目，而后使用PhoneGap build来构建您的应用程序。

注意：因为您正在使用较新版本的Cordova以及全部插件的较新版本，所以可能会发生一些移植错误。

更多资讯敬请访问MyEclipse中文网>>