設定您的Adobe PhoneGap Build Cloud服務

注意

Adobe建議針對需要單頁應用程式架構用戶端轉換的專案使用SPA編輯器（例如React）。 了解更多.

應用程式儀表板上的​PhoneGap Build Tile​可讓您透過Adobe PhoneGap Build Service建立和散發您的PhoneGap行動應用程式。

當使用​PhoneGap Build​圖格推送遠端組建時，管理應用程式​圖格中定義的所有支援平台都會使用PhoneGap Build。

您可以將遠程構建版本推送到https://build.phonegap.com，或下載原始碼以使用PhoneGap CLI本地構建。

PhoneGap Build Tile

設定雲端服務

為了善用PhoneGap Build，您必須使用您的PhoneGap Build帳戶資訊來設定AEM PhoneGap Build Cloud服務。

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

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

使用​管理雲端服務​圖格來設定新的雲端服務設定。

使用「管理雲端服務」圖格

在開始使用​PhoneGap Build​方塊建立應用程式之前，您必須使用AEM Mobile儀表板的​管理雲端服務​方塊來設定您的雲端服務。

若要為您的應用程式設定雲端服務，請遵循下列步驟：

  1. 按一下​管理雲端服務​方塊右上角的。

    chlimage_1-61

  2. 從​新增或編輯雲端服務​畫面選擇​PhoneGap Build​選項。

    按一下​下一步。

    chlimage_1-62

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

    在驗證後，按一下​Submit。 此設定的雲端設定現在會顯示在​管理雲端服務​方塊中。

    chlimage_1-63

使用PhoneGap Build建立應用程式

在設定雲端服務後，您就可以使用​PhoneGap Build​方塊來建立應用程式。 按一下右上角的，從​Build Remote​或​Download Source​選項中進行選擇。

chlimage_1-64

若要使用Adobe PhoneGap Build叫用遠端建置，請按一下「建置遠端」。

注意

如果建置因故而失敗（下方的紅色iOS圖示表示平台失敗），您可以將滑鼠指標暫留在圖示上，以取得錯誤訊息。 或者，您也可以按一下三點，「…」 在方塊底部，直接導覽至https://build.phonegap.com（您必須驗證），並直接檢視和管理您的建置。

使用PhoneGap CLI構建應用程式

PhoneGap提供命令列介面，可在本端建立您的應用程式。

使用PhoneGap命令行介面(CLI)編譯電腦上的PhoneGap應用程式。 若要將AEM內容加入您的應用程式中，AEM會建立ZIP檔案，其中包含您的行動應用程式內容、內容同步設定和其他必要資產。 下載ZIP檔案並加入您的組建版本。

為了利用PhoneGap的命令列介面，您需要設定您的本機環境以包括：

  1. 平台SDK(iOS、Android、WindowsPhone、…)和
  2. PhoneGap CLI

您可以閱讀更多這裡。

在您安裝先決條件後，請先建立簡單的應用程式，然後從終端試用，讓它在您的模擬器或裝置上執行，以進行簡單的測試：

phonegap create myApp
cd myApp
phonegap run ios (or android, ...)
注意

add —imulate在此行末尾處，如果您不想在連接的設備上運行它。

在您確認上述功能正常後，請使用​PhoneGap Build Tile to Download Source。 將檔案儲存並解壓縮至您的本機系統。 完成後：

  • 導覽至儲存的檔案（資料夾）
  • 執行'phonegap run ios'（或android等）

其他資源

若要瞭解作者和開發人員的角色和責任，請參閱下列資源：

本頁內容