Adobe建議針對需要單頁應用程式架構用戶端轉譯(例如React)的專案使用SPA編輯器。 了解更多.
AEM Mobile On-Demand提供完整設定的應用程式範本、文章範本和文章元件。
We.Unlimited App是範例範本,代表可完全設定且可管理的AEM Mobile On-Demand應用程式的殼層。
建立新應用程式時選取此範本,可提供AEM Mobile功能豐富的控制面板。
若要從AEM Mobile Apps Control Center管理您的應用程式和行動應用程式內容,請參閱AEM Mobile Application Dashboard。
應用程式範本可用來建立新應用程式,並可作為頁面範本和元件的集合,這些範本和元件代表應用程式的基準或基礎。 範本會戳記某些基本屬性,以適當方式引導應用程式。 一般而言,客戶不會總建立太多應用程式。
應用程式範本可讓您輕鬆運用開發人員建立的現有設計,以在AEM內建立新應用程式。
根據其他應用程式的範本建立新應用程式時,您會看到某個應用程式的起始點代表,該應用程式即為建立該應用程式的來源。
根據應用程式範本建立新應用程式的步驟:
使用此範本建立應用程式後,您就可以將文章、橫幅和集合新增至應用程式。 若要重新造訪、建立文章、橫幅和集合,請參閱內容管理動作。
或者,您也可以選取範例應用程式範本,例如We.Unlimited應用程式,由AEM開發人員提供給您。 如果您將此範例範本用於應用程式,您會看到一些範例文章和集合可供使用。 您可以選擇使用範本和元件範例、自訂現有範本和元件,或為應用程式建立新範本和元件。
設定redirectTarget屬性
使用其中一個應用程式範本時,開發人員會定義應用程式的內容。 不過,開發人員必須知道應用程式在jcr中的建立位置,以及redirectTarget屬性的值。
如果應用程式範本中有可用的redirectTarget屬性,且redirectTarget的值定義為相對,則redirectTarget會計算為建立應用程式操作的一部分,並嘗試解析路徑。 當建立應用程式程式在應用程式範本中找到redirectTarget的相對值時,該值會附加至建立應用程式的解析位置。
例如,如果應用程式範本以「redirectTarget」值定義lanugage-masters/en」,而應用程式是在「/content/mobileapps/fooApp」中建立,則建立應用程式後,redirectTarget的最終值將是「/content/mobileapps/fooApp/language-masters/en」。
每個實體類型都有兩個現成的範本。 說明如下:
「無限制文章」是代表典型AEM Mobile隨選文章版面的範例範本。
按一下管理文章中的+以建立新文章。 您可以選擇無限制文章或RTF文章。 下圖顯示的選項可讓您從這兩個文章範本中選擇任何一個。
按一下「Next」以定義文章元資料,例如文章名稱/標題、說明、作者、摘要、部門、縮圖影像、文章存取等。
按一下Next以填入廣告屬性。
按一下「Next」以輸入文章影像或社交媒體影像
按一下Next以選擇此新文章的集合連結。
按一下Next以輸入社交分享的詳細資訊。
按一下建立以完成使用範例建立文章的程式。 按一下「Done」或「編輯文章」以編輯本文的屬性。
建立後,作者可以新增文字和影像等元件來編輯文章的內容。 文章是AEM頁面範本的擴充功能。
選取要編輯的文章,然後按一下Edit以新增元件至文章。
選取左側面板上的「+」,將元件新增至文章。
沒有現成可用的文章範本,但是自訂範本應擴充的預設範本,請參閱Geometrixx Unlimited應用程式的文章範本範例。
一般AEM範本以外的關鍵屬性需要屬性包括;
dps-resourceType="dps:Article"
此屬性可確保將AEM頁面辨識為AEM Mobile目標文章頁面。
如同AEM範本,您可以將任何預設屬性或子節點新增至範本的jcr:content。
橫幅和集合沒有內容,因此其建立不支援自訂範本。
元件使用和允許訪問Widget,這些用於呈現內容。
程式碼存放庫中包含簡單元件,可在AEM中找到其來源。 隨後,也可以在本地以CRXDE Lite開啟。
目前未提供現成可用的AEM Mobile元件。
您可以將元件新增至頁面。 任何元件皆可用於AEM Mobile應用程式中,但套用後,可能無法正確呈現。
不過,若沒有可在AEM中轉譯的自訂匯出內容同步處理常式,自訂元件可能無法正確匯出及上傳至AEM Mobile On-demand Services。
在元件已包含在AEM頁面中後,您就可以新增其他元件至頁面或編輯現有的元件,以及搭配一些其他建置區塊元件。
若要新增其他元件至頁面:
要編輯現有元件,請執行以下操作:
您可以在AEM中建立元件,並使用使用CRXDE Lite開發來自訂元件。 將現有元件自訂為您的需求後,您就可以使用上圖所示之「管理文章」下的Edit選項,將其新增至頁面中。
請參閱AEM Mobile中的範本和元件開發最佳實務。