Overview overview
This tutorial has the following prerequisites:
- Adobe Developer Console access is complete
- Full access or trial access to App Builder has been granted
- The Adobe Developer App Builder application has been created
- The Adobe Developer App Builder project has been created
- The Adobe Developer App Builder workspaces have been created - Step 2.6
- The AIO CLI commands to initialize the project and run have been executed
For more information on building your first App Builder application, you can view the following blog post to help with this initial setup and configuration How App Builder helps drive business agility for your commerce platform.
What to expect from reading this tutorial
When you are complete this tutorial, you should have a simple single-page application that communicates with Adobe Commerce to pull order history and products. These topics cover App Builder functionality with code samples and instructions. Hopefully, after watching these videos this saves you some development time and inspires other ideas and encourages the adoption of out-of-process development.
How should I follow this tutorial
This tutorial was designed for you to follow the order of pages in the left navigation. However, this is not a requirement. Each page can be viewed individually since they discuss the general concept of building an initial Adobe Developer App Builder app.
Who is this video for?
- Developers new to Adobe Commerce with limited experience using Adobe App Builder.
Video content
- Introduction to App Builder and the sample module
- Prerequisites
- Expectations for use of the sample module
- Reusable parts of in the sample module
For example, suppose There is a need to request all the current products from Adobe Commerce. The resulting URL would resemble
{{base_url}}rest/V1/products?searchCriteria=all
. Depending on the size of the catalog the returned, the json may be too large for App Builder to consume. Instead use pagination and make a few requests to avoid Response is not valid 'message/http'.