Edit in GitHubLog an issue

Adobe Commerce App Developer's Guide Overview

Developers have traditionally used PHP to create in-process extensions that add features, functionality, services, and integrations to Adobe Commerce. This model requires any new code to be compatible with upgrades, the server's PHP version, and many other essential server applications and services that Commerce uses.

Adobe Developer App Builder uses out-of-process extensibility to avoid these compatibility issues. It provides a unified third-party extensibility framework for integrating and creating custom apps that extend Adobe Commerce. Since this extensibility framework is built on Adobe's infrastructure, developers can also extend Adobe Commerce with third-party systems.

How do I port an extension into an app?

Start by becoming familiar with the App Builder documentation and create an Adobe developer account.

Once you've become comfortable with the Adobe I/O infrastructure, analyze your current extensions and begin mapping their in-process features into the App Builder and Adobe I/O environment. Key areas to consider include:

  • Frontend development
  • APIs
  • Plugins and observers
  • Backend development
  • Custom cron jobs
  • Database data
  • Filesystem

Frontend development

Spectrum provides all the tools you need to create the next generation of React-based applications. You can use Spectrum UI components to build apps consistent with Adobe standards and leverage our SDK (#admin-development) to securely create custom app UIs in the Adobe Commerce Admin.

APIs

API Mesh for Adobe Developer App Builder enables developers to connect multiple APIs from Adobe Commerce, other Adobe products, and 3rd party sources into a single GraphQL endpoint. An orchestration layer transforms data from these disparate sources into the formats required to perform the tasks to fulfill business and user experience requirements.

Plugins and observers

Adobe I/O Events for Adobe Commerce enables building near real-time, event-driven Commerce integrations using App Builder. You can define key events, like customer account updates, to emit from Commerce and construct apps that listen and react to these events.

Adobe Commerce Webhooks enables configuring synchronous logic to execute calls from Commerce to external systems when key events occur. You can use this real-time communication with external systems to validate or modify data in Commerce.

Admin development

The Adobe Commerce Admin UI SDK enables an App Builder developer to extend the Commerce Admin to include custom menus and pages.

Custom cron jobs

App Builder uses Apache OpenWhisk Alarms to perform the scheduling services traditionally provided by cron jobs. Scheduling Cron Jobs with Alarms walks you through the process of implementing this feature.

Database data

The Adobe I/O Key/Value Storage library is an npm module that provides a JavaScript abstraction on top of distributed/cloud databases with a simple key-value store state persistence API.

Filesystem

The Adobe I/O Files library provides a JavaScript abstraction on top of cloud blob storages with a simple file-system like persistence API.

View the following tutorials for more information about using App Builder to build out-of-process apps:

  • Privacy
  • Terms of Use
  • Do not sell or share my personal information
  • AdChoices
Copyright © 2024 Adobe. All rights reserved.