設定您的Adobe PhoneGap BuildCloud Service

注意

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

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

內定義的所有支援平台 管理應用程式 使用PhoneGap Build建置圖磚,同時使用 PhoneGap Build 圖磚。

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

PhoneGap Build拼貼

設定Cloud Service

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

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

在您驗證PhoneGap Build帳戶有效後,請導覽至您的AEM Cloud Management Console,尤其是 PhoneGap BuildCloud Service (http://localhost:4502/etc/cloudservices/phonegap-build.html)。

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

使用「管理Cloud Services」圖磚

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

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

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

    chlimage_1-61

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

    按一下​下一步

    chlimage_1-62

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

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

    chlimage_1-63

使用PhoneGap Build建立您的應用程式

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

chlimage_1-64

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

注意

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

使用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, ...)
注意

新增 — 如果您不想在連線的裝置上執行,請在此行的結尾進行模擬。

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

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

其他資源

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

本頁內容