Setup a developer environment

Acquire access and credentials for Adobe Developer App Builder.

Set up the local environment and the required tools.

Some more tools that help you get started developing smoothly are:

• Git
• Docker Desktop
• NodeJS (v14 LTS, odd versions are not recommended) and NPM. User of OSX HomeBrew can do brew install node to install both. Otherwise, download it from the NodeJS download page
• An IDE that is good for NodeJS, we recommend Visual Studio Code (VS Code) as it is the supported IDE for the debugger. You can use any other IDE as a code editor, but advanced usage (e.g. debugger) is not yet supported
• Install the latestAdobe I/O CLI (aio)

Make sure to meet the prerequisites

Ensure system administrator or developer role in the Experience Cloud organization. This is set up by a system admin in the Admin Console.

Log onto the Adobe Developer Console. Ensure you are part of the same Experience Cloud organization as the Experience Manager as a Cloud Service integration. For more information about Adobe Developer Console, see Console documentation.

Create an App Builder project. Click Create new project > Project from template. Select App Builder. It creates a new App Builder Project with two workspaces: Production and Stage. Add additional workspaces, for example Development, as required.

In the App Builder Project, select a workspace and subscribe to the services needed for Asset Compute. Click Add to Project > API and add Asset Compute, IO Events, and IO Events Management services. When adding the first API, it prompts to create a private key. Save this information on your machine as you need this key to test your custom application with the developer tool.