Is there any option for app builder to embed an iframe of an external application authenticated to the store similar to how Shopify & BigCommerce apps are developed, or is there a hard requirement to use Adobe I/O serverless functions for any backend logic, and CDN hosted JS for the frontend?
Topics help categorize Community content and increase your ability to discover relevant content.
Views
Replies
Total Likes
Hi @hansle2, I have forwarded your question to the right team, let's wait for their response.
Thanks
Manik
Views
Replies
Total Likes
Embedding an SPA into Commerce via App Builder requires the use of our UI SDK: https://developer.adobe.com/commerce/extensibility/admin-ui-sdk/
Those apps need to be developed using our App Builder stack - https://developer.adobe.com/app-builder/docs/guides/
Views
Replies
Total Likes
Hi @hansle2 , there is no hard requirement to use AIO only for backend logic. Appbuilder is only infrastructure, providing serverless ability to deploy our own apps. In your case, you are wanting to build a single page, loading an iframe. Steps are very easy
<!DOCTYPE html>
<html lang="en">
<body>
<noscript>You need to enable JavaScript to run this app.</noscript>
<iframe style="border-radius:12px"
src="https://open.spotify.com/embed/episode/54J1NGQhNPWyWK3mQSDEaD?utm_source=generator"
width="100%" height="352" frameBorder="0" allowfullscreen=""
allow="autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture" l
oading="lazy"></iframe>
</body>
</html>
Delete generated react code and js. Like this
Now here, we are running a simple html from Appbuilder serverless. No integration or BE done. AppBuilder everytime, just serves the index.html. Try to build similar, playaround and add more flavors per your requirement.
Views
Replies
Total Likes