在決定您要在外部SPA和AEM之間進行的整合層級時,您通常明顯需要能夠在AEM中檢視和編輯SPA。 RemotePage元件是僅供此目的使用的自訂頁面元件。
RemotePage元件會從應用程式產生的擷取所有必要的資產 asset-manifest.json
和用來在AEM中轉譯SPA。
請參閱文章 在AEM內編輯外部SPA 以進一步瞭解AEM中可編輯的外部SPA。
在開發中啟用CORS
在頁面屬性中設定遠端URL
在AEM中轉譯SPA
Web應用程式必須使用類似下列其中一種的套件組合工具資產資訊清單,並在網域根目錄處公開asset-manifest.json檔案,該檔案會在進入點屬性中列出所有要載入的CSS和JS檔案:
應用程式必須能夠在中初始化 <div id="root"></div>
主體元素底下。 如果應用程式需要不同的標籤才能具現化,則必須在具有的Proxy元件的HTL指令碼中據以調整 sling:resourceSuperType="spa-project-core/components/remotepage
.
如同其他的AEM SPA專案,RemotePage元件是開放原始碼。 如需RemotePage元件的完整技術詳細資訊, 請參閱GitHub存放庫。