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

其他資源

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

本頁內容

Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now