This tutorial has the following prerequisites:

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

When performing API calls, ensure that some sort of searchCriteria is used. You might also consider using pagination. If the result from Adobe Commerce is too large, the Adobe Developer App Builder capacity may be met and cause an unexpected end to the file. The result is a malformed response result as a 400 error.
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'.

On this page