決定時 哪一個層級的整合 您想要在外部SPA和AEM之間使用,通常很明顯您需要能夠在AEM中檢視和編輯SPA。 RemotePage元件是僅用於此目的的自訂頁面元件。
RemotePage元件會從應用程式產生的擷取所有必要的資產 asset-manifest.json
和用來在AEM中轉譯SPA。
請參閱文章 在AEM內編輯外部SPA 以進一步瞭解AEM中可編輯的外部SPA。
asset-manifest.json
位於網域根目錄的檔案,該檔案會列在 entrypoints property
所有要載入的CSS和JS檔案:
https://github.com/shellscape/webpack-manifest-plugin
https://github.com/webdeveric/webpack-assets-manifest
https://github.com/mugi-uno/parcel-plugin-bundle-manifest
<div id="root"></div>
底下 body
元素。 如果應用程式需要不同的標籤才能具現化,則必須在具有的Proxy元件的HTL指令碼中據以調整 sling:resourceSuperType="spa-project-core/components/remotepage
.如同其他的AEM SPA專案,RemotePage元件是開放原始碼。 如需RemotePage元件的完整技術細節, 請參閱GitHub存放庫。