如何將所有內容放在一起 — 您的應用程式和AEM Headless中的內容

AEM Headless Developer Journey,您就能熟悉如何使用AEM開發工具和無頭式SDK,將應用程式整合在一起。

迄今為止的故事

在AEM無頭歷程的上一份檔案中, 如何透過AEM Assets API更新您的內容 您已學會如何透過API更新AEM中現有的無頭內容,現在應:

  • 了解AEM Assets HTTP API。

目標

本文旨在協助您了解如何透過下列方式,將AEM無標題應用程式整合在一起:

  • 了解AEM Headless SDK及所需的開發工具
  • 設定本機開發執行階段,以在上線前模擬您的內容
  • 了解AEM內容復寫基本知識

AEM SDK

AEM SDK可用來建置和部署自訂程式碼。 這是您在開發和測試無頭應用程式之前所需的主要工具。 它包含下列成品:

  • Quickstart jar — 可執行的jar檔案,可用於設定作者和發佈執行個體
  • Dispatcher工具 — 適用於Windows和UNIX®系統的Dispatcher模組及其相依性
  • Java™ API Jar - Java™ Jar/Maven相依性,可公開可用於針對AEM進行開發的所有允許Java™ API
  • Javadoc jar - Java™ API jar的javadoc

AEM Headless SDK

與AEM SDK不同,AEM 無頭SDK 是一組程式庫,供用戶端用來透過HTTP快速輕鬆與AEM Headless API互動。

如需AEM Headless SDK的詳細資訊,請參閱 說明.

其他開發工具

除了AEM SDK,您還需要其他工具來協助您在本機開發和測試程式碼和內容:

  • Java™
  • Git
  • 阿帕奇·馬文
  • Node.js程式庫
  • 您選擇的IDE

由於AEM是Java™應用程式,因此您必須安裝Java™和Java™ SDK,才能支援AEM as a Cloud Service的開發。

您可使用Git來管理原始碼控制項,以及簽入Cloud Manager的變更,然後將其部署至生產執行個體。

AEM使用Apache Maven來建置從AEM Maven專案原型產生的專案。 所有主要IDE都為Maven提供整合支援。

Node.js是JavaScript執行階段環境,用於搭配AEM專案的前端資產使用 ui.frontend 子專案。 Node.js與npm一起分發,實際上是Node.js套件管理器,用於管理JavaScript相依性。

AEM系統元件一覽

接下來,我們來看看AEM環境的組成部分。

完整的AEM環境由製作、發佈和Dispatcher組成。 這些相同的元件會在本機開發執行階段中提供,讓您在上線前更輕鬆地預覽程式碼和內容。

  • 作者服務 是內部使用者建立、管理和預覽內容的位置。

  • 發佈服務 會視為「即時」環境,且通常是使用者與之互動的環境。 內容在Author服務上經過編輯和核准後,會分發至Publish服務。 AEM無頭式應用程式最常見的部署模式是讓生產版本的應用程式連線至AEM發佈服務。

  • Dispatcher 是與AEM Dispatcher模組增強的靜態Web伺服器。 它會快取由發佈例項產生的網頁,以提升效能。

本機開發工作流程

本機開發專案以Apache Maven為基礎,且使用Git進行原始碼控制。 為了更新專案,開發人員可使用其偏好的整合開發環境,例如Eclipse、Visual Studio Code或IntelliJ等。

若要測試無頭應用程式所擷取的程式碼或內容更新,您必須將更新部署至本機AEM執行階段,其中包括AEM製作和發佈服務的本機例項。

請務必注意本機AEM執行階段中每個元件之間的差異,因為在最重要的位置測試更新非常重要。 例如,在製作上測試內容更新,或在發佈例項上測試新程式碼。

在生產系統中,Dispatcher和http Apache伺服器一律會位於AEM發佈例項之前。 它們為AEM系統提供快取和安全性服務,因此也必須針對Dispatcher測試程式碼和內容更新。

使用本機開發環境在本機預覽您的程式碼和內容

若要為啟動準備AEM無標題專案,您必須確定專案的所有組成部分都正常運作。

要做到這一點,你必須把所有事情放在一起:程式碼、內容和設定,並在本機開發環境中測試,以備上線準備。

地方發展環境由三個主要領域組成:

  1. AEM專案 — 此專案包含AEM開發人員將要使用的所有自訂程式碼、設定和內容
  2. 本機AEM執行階段 — 用於從AEM專案部署程式碼的AEM製作和發佈服務的本機版本
  3. 本機Dispatcher執行階段 — 包含Dispatcher模組的Apache httpd網站伺服器的本機版本

設定本機開發環境後,您就可以在本機部署靜態節點伺服器,以模擬提供給React應用程式的內容。

下一步

現在您已完成AEM Headless Developer Journey的這一部分,您應:

  • 熟悉AEM開發工具
  • 了解本機開發工作流程

繼續進行AEM無頭歷程,繼續檢閱此檔案 如何與無頭應用程式一起運行 您實際將AEM Headless專案上線的位置!

其他資源

本頁內容