This sample extension uses UI Extension SDK to create a custom UI for Content Fragment Core Component. It allows the user to select a content fragment and export it to Adobe Target.
- Set up your AEM instance.
- Make sure that you have installed aio cli tool
- Create a project in Adobe Developer Console or use existing one.
- Sign in to aio cli using
aio login
command. - Run
aio app use
command to generate.env
file. aio app run
to start your local Dev server- App will run on
localhost:9080
by default
Now you can preview your app in the browser: https://experience.adobe.com/?repo=<CURTOMER_AEM_HOST>#/@<CUSTOMER_IMS_ORG>/aem/cf/admin/
See this doc for step by step instructions.
By default the UI will be served locally but actions will be deployed and served from Adobe I/O Runtime. To start a
local serverless stack and also run your actions locally use the aio app run --local
option.
- Run
aio app test
to run unit tests for ui and actions - Run
aio app test --e2e
to run e2e tests
aio app deploy
to build and deploy all actions on Runtime and static files to CDNaio app undeploy
to undeploy the app
- Main configuration file that defines an application's implementation.
- More information on this file, application configuration, and extension configuration can be found here
While running your local server (aio app run
), both UI and actions can be debugged, to do so open the vscode debugger
and select the debugging configuration called WebAndActions
.
Alternatively, there are also debug configs for only UI and each separate action.
https://github.com/adobe/aem-uix-examples/wiki/Exporting-Content-Fragments-to-Adobe-Target