Create a UI5 Integration Card that Displays Data from the SAP Gateway Demo System
Beginner
25 min.
Create a UI5 integration card in SAP Build Work Zone, advanced edition to display data from the backend SAP Gateway Demo System.
You will learn
- How to create a card for SAP Build Work Zone using SAP Business Application Studio (BAS)
- What the main elements of the Integration card are and understand their roles
Prerequisites
- Please note that if you are following this tutorial as part of a workshop, you can skip these prerequisites.
- You have an account on the SAP Gateway Demo System. See Create an Account on the SAP Gateway Demo System.
- You have connected the SAP BTP to your SAP Gateway Demo System Account. See Connect SAP BTP to Your SAP Gateway Demo System Account (ES5).
- You have created a dev space. See Create a Dev Space for SAP Fiori Apps.
- To deploy a UI5 Integration card in the SAP Build Work Zone, you should have a subaccount in SAP BTP that includes a subscription to the “SAP Build Work Zone, advanced edition” service. Additionally, you have to configure a destination for the SAP Build Work Zone, advanced edition instance. See Development Tools for SAP Build Work Zone, advanced edition.
IMPORTANT: SAP Build Work Zone, advanced edition is not available in a trial account (only Build Work Zone, standard edition). If you only have a trial account and you want to learn more about the Integration cards you can follow this tutorial from steps 1 to 5.
Integration cards are UI elements which display concise pieces of information in a limited-space container. Cards are small previews of application content, and each card represents a specific topic, task, or perspective. As a card developer, you only need to configure a descriptor (manifest.json
file) and as a result you get fully functional and reusable card.