設定您的Adobe PhoneGap BuildCloud Service configure-your-adobe-phonegap-build-cloud-service

NOTE
Adobe建議針對需要以單頁應用程式框架為基礎的使用者端轉譯(例如React)的專案,使用SPA編輯器。 深入了解

PhoneGap Build拼貼 「應用程式」控制面板上的可讓您透過Adobe PhoneGap Build Service建立及發佈PhoneGap行動應用程式。

內定義的所有支援平台 管理應用程式 使用PhoneGap Build在推播遠端組建時建置圖磚 PhoneGap Build 圖磚。

您可以將遠端組建推送至 https://build.phonegap.com 或下載來源以使用PhoneGap CLI在本機建置,網址為 https://docs.phonegap.com/references/phonegap-cli/.

PhoneGap Build拼貼

設定Cloud Service configuring-the-cloud-service

若要充分利用PhoneGap Build功能,您必須使用您的PhoneGap Build帳戶資訊來設定AEMPhoneGap BuildCloud Service。

如果您目前沒有帳戶,請瀏覽至 https://build.phonegap.com 並註冊! 如果您擁有Adobe Creative Cloud會籍,最多可支援25個私人應用程式(非開放原始碼應用程式)。

在您驗證PhoneGap Build帳戶有效後,請導覽至您的AEM雲端管理主控台,尤其是 PhoneGap BuildCloud Service (http://localhost:4502/etc/cloudservices/phonegap-build.html)。

使用 管理Cloud Service 圖磚來設定新的雲端服務設定。

使用「管理Cloud Service」圖磚 using-manage-cloud-services-tile

開始使用建置您的應用程式之前 PhoneGap Build 圖磚,您必須使用設定雲端服務 管理Cloud Service 從AEM Mobile控制面板圖磚。

若要設定應用程式的雲端服務,請遵循下列步驟:

  1. 按一下 管理Cloud Service 圖磚。

    chlimage_1-61

  2. 選擇 PhoneGap Build 選項來自 新增或編輯Cloud Service 畫面。

    按一下「下一步」。

    chlimage_1-62

  3. 輸入您的憑證以便建立雲端設定。

    驗證後,按一下 提交. 這個已設定的雲端設定現在顯示在 管理Cloud Service 圖磚。

    chlimage_1-63

使用PhoneGap Build建置您的應用程式 building-your-application-with-phonegap-build

設定雲端服務後,您就可以使用建置應用程式 PhoneGap Build 圖磚。 按一下右上角,您就可以從 建置遠端下載來源 選項。

chlimage_1-64

若要使用Adobe PhoneGap Build叫用遠端組建,請按一下 建置遠端.

NOTE
如果組建因任何原因失敗(下方紅色的iOS圖示表示平台失敗),您可以將游標停留在圖示上以取得錯誤訊息。 或者,您可以按一下圖磚底部的三點圖示「……」,直接導覽至 https://build.phonegap.com (您必須驗證)並直接觀看及管理您的組建。

使用PhoneGap CLI建置您的應用程式 building-your-application-with-phonegap-cli

PhoneGap提供命令列介面,可在本機建置您的應用程式。

使用PhoneGap命令列介面(CLI)編譯電腦上的PhoneGap應用程式。 為了將AEM內容納入您的應用程式,AEM會建立一個ZIP檔案,其中包含您行動應用程式的內容、Content Sync設定和其他必要的資產。 下載ZIP檔案並將其包含在您的組建中。

若要利用PhoneGap的CLI,您必須設定本機環境,以包含:

  1. Platform SDK (iOS、Android™、WindowsPhone…)和
  2. PhoneGap CLI

如需詳細資訊,請參閱 https://docs.phonegap.com/references/phonegap-cli/.

安裝先決條件後,請從終端機嘗試建立簡單的應用程式,並在模擬器中或更好的裝置上執行,以進行簡單的測試:

phonegap create myApp
cd myApp
phonegap run ios (or android, ...)
NOTE
新增 — 如果您不想在連線的裝置上執行,請在這行的結尾進行模擬。

一旦您確認上述工具均有效後,請使用 PhoneGap Build 並排至 下載來源. 將檔案儲存並解壓縮至本機系統。 完成此操作後:

  • 導覽至該儲存的檔案(資料夾)
  • 執行「phonegap run ios」(或android等)

其他資源 additional-resources

若要瞭解作者和開發人員的角色和責任,請參閱以下資源:

recommendation-more-help
2eeeb575-8007-40cc-a72d-206fbc4ddd4b