Adobe App Builder Overview & Get Started Guideline

Definitions:​
- API Mesh​
- Adobe I/O Events​
- Adobe I/O Runtimes

To know:​
- General of App Builder​
- Extensibility Framework for App Builder​
- Functional Demonstrations​

1. Adobe App Builder
Overview & Get Started
Guideline

2. Overview

3. •A Complete FRAMEWORK
•PAID & Enterprise
•to build and deploy custom web applications that
extend Adobe Experience Cloud solutions and run on
Adobe infrastructure
•leverages modern technologies (JAM stack, serverless
computing, Node, and React)
Definitions
Ref: https://developer.adobe.com/app-builder/docs/overview/

4. •Easily integrate and extend Adobe Experience Manager.
•EXTENSIBILITY:
•Leverage unified framework and platform to all
Adobe Experience Cloud.
•Easy to upgrades
•Powerful middleware
•API Extensibility
•Developer Experience
Quick view

5. Architect
•Adobe Developer App Builder is a serverless
extensibility platform for integrating and creating
custom experiences to extend Adobe solutions
•App Builder provides a way for customers to extend
Adobe Commerce in various use cases:
•middleware extensibility
•core services extensibility
•user experience extensibility
•Architecture
•Adobe Developer Console
•Open-source tools, SDKs, and libraries to build
custom extensions and integrations
•I/O Runtime(for hosting infrastructure) &I/O
Events(for event-based integrations.)
•Adobe Experience Cloud

6. Ref: https://experienceleague.adobe.com/docs/commerce-learn/tutorials/adobe-developer-app-builder/extensibility-framework-commerce-eventing.html?lang=en
Architect

7. Ref: https://experienceleague.adobe.com/docs/commerce-learn/tutorials/adobe-developer-app-builder/extensibility-framework-commerce-eventing.html?lang=en
Architect

8. Ref: https://experienceleague.adobe.com/docs/commerce-learn/tutorials/adobe-developer-app-builder/extensibility-framework-commerce-eventing.html?lang=en
Architect

9. Get Started Guideline

10. •An Adobe Account which could accessAdobe
Developer Console
•Full Access or Trial Access to App Builder
•Background knowledge Required:
•JavaScript
•NodeJS, React Spectrum
•GitHub Account with CI/CD technique (Optional)
Before Getting Started

11. •Environment Setting Up:
•JavaScript, NodeJS, NPM
•Git with GitHub, GitHub Console..,
•Access to Adobe Developer Console
•Understand Adobe AIO
•API Mesh for Adobe Developer App Builder
•Adobe I/O Runtime
•Adobe I/O Events
•Adobe AppBuilder
•Introduction
•Technical Guidelines
•Sampling, build first app
•Full version: https://developer.adobe.com/commerce/extensibility/app-development/
Guidelines

12. •Definitions:
•A decoupled API platform
•GraphQL
•To know:
•What is API Mesh
•Why GraphQL
•Using it to integrate with Adobe Commerce &
other Adobe products, and third-party APIs
•Adobe App Builder relatives
API Mesh for Adobe Developer App Builder

13. •Use cases & Samples
•https://developer.adobe.com/graphql-mesh-
gateway/gateway/
API Mesh for Adobe Developer App Builder

14. Adobe I/O Runtime
Ref: https://developer.adobe.com/runtime/docs/guides/overview/
•Definitions:
•A Platform
•Serverless computing
•Project Firefly
•To know:
•What is Adobe I/O Runtime
•How it works
•Using it
•Adobe App Builder relatives

15. Adobe I/O Runtime
Ref: https://developer.adobe.com/runtime/docs/guides/overview/
•Use cases & Samples

16. Adobe I/O Runtime
Ref: https://developer.adobe.com/runtime/docs/guides/overview/
•Use cases & Samples:
•Customer places order
•I/O Runtime receives request for receipt
•Adobe Analytics provides tracking data
•I/O Runtime chooses winning message
•Adobe Campaign send delivery
•https://developer.adobe.com/runtime/docs/guides/over
view/

17. Adobe I/O Events
Ref: https://developer.adobe.com/events/docs/
•Definitions:
•Event Provider
•Event Types
•Reactive and event-driven applications
•To know:
•What is Adobe I/O Events
•Webhooks,Journaling
•How it works, event projects
•Using it, discover the available events
•Adobe App Builder relatives: register Events

18. Adobe I/O Events
•How Adobe I/O Events for Adobe
Commerce works

19. Adobe I/O Events
•Use cases, samples
•https://developer.adobe.com/events/docs/
•https://developer.adobe.com/commerce/e
xtensibility/events/
•https://developer.adobe.com/commerce/e
xtensibility/app-development/#plugins-
and-observers

20. Adobe App Builder
•Definitions:
•API Mesh
•Adobe I/O Events
•Adobe Commerce Admin UI SDK
•Scheduling Cron Jobs with Alarms
•Adobe I/O Key/Value Storage library
•Adobe I/O Files library
•To know:
•General of App Builder
•Extensibility Framework for App Builder
•Functional Demonstrations
•Using it, build first app
•Get Started with API Mesh

21. Adobe App Builder
•So much more to discover at
•https://experienceleague.adobe.com/docs/commerce-
learn/tutorials/adobe-developer-app-
builder/introduction-to-app-builder.html
•https://www.youtube.com/playlist?list=PLcVEYUqU7VRf
Dij-Jbjyw8S8EzW073F_o