遷移HTML5移動專案到PhoneGap

一、建立一個新的PhoneGap應用程式專案

PhoneGap應用程式專案的結構與HTML5移動應用程式專案類似。還沒安裝MyEclipse？立即下載>>

1. 在Dashboard的常規選項中選擇Mobile頁面，然後點選Create a PhoneGap Application Project。

2. 為您的專案指定一個與正在遷移的HTML5專案類似的名稱，然後單擊Next。

3. 接受預設的 Blank Application模板，然後單擊Next。

4. 如果您之前已將應用程式提交到Apple App Store或Android marketplaces，請輸入提交應用程式時使用的相同應用程式ID。

5. 如果您的HTML5應用訪問本地裝置功能（如聯絡人或地理位置），請選擇外掛，然後單擊Finish。

6. 如果提示開啟MyEclipse Mobile透檢視，請單擊Yes。

二、將檔案從HTML5專案複製到PhoneGap專案中

1. 在HTML5 app專案的www/資料夾的資源中，單擊右鍵，然後選擇Copy。

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 /資料夾。

三、將影像從HTML5專案複製到PhoneGap專案

1. 在PhoneGap專案的www / res資料夾中，建立一個用於儲存應用程式影像的新資料夾。 可以在res /資料夾中使用你喜歡的任何資料夾結構。

注意：不需要將影像儲存在res /資料夾中；然而，使用res /資料夾可以防止iOS影像被包含在Android構建中，反之亦然。 因此，建議將影像儲存在res /資料夾中。 預設應用程式影像儲存在res /圖示和螢幕資料夾中。

2. 在HTML5應用程式專案中，開啟Android和iOS的資料夾和apps/資料夾。從相應image/資料夾中複製影像到在PhoneGap專案中建立的資料夾中。

3. 雙擊PhoneGap專案中的config.xml，在編輯器中將其開啟。

4. 展開Images，並更新影像引數來引用您複製到專案中的影像。

5. 按下CTRL + S儲存配置檔案。

四、更新配置設定

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儲存配置檔案。

五、配置數字簽名資訊

在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中文網>>