遷移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中文網>>