設定您的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等)

其他資源

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

本頁內容