設定您的Adobe PhoneGap BuildCloud Service

注意

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

應用程式控制面板上的​PhoneGap Build圖磚​可讓您透過Adobe PhoneGap Build服務建立和分發您的PhoneGap行動應用程式。

使用​PhoneGap Build​圖磚推送遠端組建時,管理應用程式​圖磚內定義的所有支援平台都會以PhoneGap Build建立。

您可以將遠端組建推送至https://build.phonegap.com,或下載來源以使用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​圖磚建立應用程式之前,您必須使用AEM Mobile控制面板的​管理Cloud Services​圖磚來設定雲端服務。

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

  1. 按一下​管理Cloud Services​方塊右上角的。

    chlimage_1-61

  2. 從​添加或編輯Cloud Service​螢幕中選擇​PhoneGap Build​選項。

    按一下​下一步

    chlimage_1-62

  3. 輸入您的憑證以建立新的雲配置。

    驗證後,按一下​Submit。 此已設定的雲配置現在顯示在​管理Cloud Services​方塊中。

    chlimage_1-63

使用PhoneGap Build構建應用程式

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

chlimage_1-64

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

注意

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

使用PhoneGap CLI構建應用程式

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

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

為了利用PhoneGap的命令行介面,您需要設定本地環境以包括:

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

您可以在此處閱讀更多內容。

安裝先決條件後,請建立簡單應用程式,然後透過終端機嘗試讓其在模擬器中執行,或在裝置上執行更佳,借此進行簡單測試:

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

添加 — 如果不想在連接的設備上運行,則在此行末尾模擬。

驗證上述功能後,請使用​PhoneGap Build​平鋪至​下載源。 將檔案儲存並解壓縮至本機系統。 完成後:

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

其他資源

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

本頁內容