This repository contains the material for the SAP TechEd 2024 session called AD180 - Build SAP Fiori Apps with ABAP Cloud powered by Joule's ABAP developer capabilities.
DISCLAIMER:
Please note that the GenAi capabilities used in this hands-on workshop are part of a beta release.
This workshop and SAP's strategy and possible future developments are subject to change and may be changed by SAP at any time for any reason without notice.
- Requirements for attending this workshop
- Overview
- Presentation & Replay
- Exercises
- Solution Package
- How to obtain support
- Further Information
ABAP Cloud is the development model for building clean core compliant apps, services, and extensions on SAP S/4HANA Cloud, SAP S/4HANA, and SAP BTP ABAP Environment. ABAP Cloud covers different development scenarios such as transactional, analytical, intgeration, and enterprise search scenarios. The ABAP RESTful Application Programming Model (RAP) ist at the heart of ABAP Cloud for building transactional SAP Fiori apps, OData-based Web API, local APIs, and business events.
This jump-start session introduces attendees to the Joule's ABAP developer capabilities that support rapid development of both transactional and read-only SAP Fiori elements-based apps with ABAP Cloud. Attendees will also learn how to display data in hierarchical treeview in SAP Fiori apps and how to use ABAP Cloud to define and raise business events that can be consumed locally or remotely via SAP Event Mesh for loosely coupled integration scenarios.
The prerequisites for following the exercises in this repository are the installation of the latest version of the ABAP Development Tools for Eclipse (ADT) on your laptop or PC and the access to a suitable ABAP system (i.e. SAP BTP ABAP Environment) connected to the SAP AI Core. In addition, the appropriate flavor of the ABAP Flight Reference Scenario (package
/DMO/FLIGHT) must be imported into the system.
Before completing the exercises in this repository, you need to:
- Install the latest Eclipse platform and the latest ABAP Development Tools (ADT) plugin
- Create an user on the SAP BTP ABAP Environment Trial
ℹ️ Note: The SAP BTP ABAP Environment trial will be connected to the SAP AI Core from 8 to 11 October for SAP TechEd Virtual 2024.
- Create an ABAP Cloud Project
- Adapt the Web Browser settings in your ADT installation:
i) Choose Window > Preferences in the menu bar.
ii) Navigate to General > Web Browser.
iii) Activate the radio button Use external web browser.
iv) Select one of the listed external web browsers that are available, e.g. Default system web browser.
❗Make sure that Internet Explorer is not selected.
-
Watch the live jump-start session on 📅 Tuesday, Oct 8 | 🕐 7:30 PM - 7:55 PM CEST (10:30 AM – 10:55 AM PDT)
AD180 | Build SAP Fiori Apps with ABAP Cloud powered by Joule's ABAP developer capabilities -
Access the presentation: 📄AD180@SAPTechEd2024.pdf (extended version)
In this exercise block, you will learn how to build a transactional, draft-enabled SAP Fiori app from scratch using RAP powered by Joule's ABAP developer capabilities to manage agency data. You will then learn how to define and raise business events for loosely coupled integration scenarios. Finally, you will learn how to implement an event handler for the local consumption of the RAP business events directly on the application server.
Resulting SAP Fiori app 01: Manage Agencies > Click to expand!
In this exercise block, you will learn how to build a read-only SAP Fiori app using ABAP Cloud assisted by the Joule's ABAP developer capabilities to display employee data. You will then learn how to define and display hierarchical data in a read-only treeview in an SAP Fiori app.
ℹ️ Note: This is a standalone exercise block that can be completed independently of the previous exercise block (A). In case you are starting with this exercise block, then please start with Getting Started.
Resulting SAP Fiori app 02: Display Employee > Click to expand!
| Exercise Block B | -- |
|---|---|
| Exercise 4: Generate a read-only OData UI service with Joule's ABAP Developer capabilities | -- |
| Exercise 5: Implement the read-only treeview for hierachical data display | -- |
To create, deploy, and run the actual SAP Fiori elements-based Manage Agency or Manage Employee app using SAP Build COde (especially the SAP Business Application Studio), follow the instructions provided in the tutorial below.
The SAP Fiori elements App Preview integrated in ADT is only used to preview of the resulting app as the name indicates.
You can find a solution for this workshop in the development package ZRAP120_SOL, or you can import it from here into the relevant system if not yet available.
No known Issue.
Please read the CONTRIBUTING.md to understand the contribution guidelines.
Please read the SAP Open Source Code of Conduct.
Support for the content in this repository is available during the actual time of the online session for which this content has been designed. Otherwise, you may request support via the Issues tab.
- ABAP RESTful Application Programming Model (RAP) | SAP Community page
- Modernization with RAP | SAP Blogs
- ABAP Cloud Roadmap Information | SAP Help Portal
- Explore the interactive SAP BTP ABAP Environment road map | SAP Road Map Explorer
- RAP100 Tutorials Mission on SAP Developers Center | SAP Tutorials
- Create an SAP Fiori elements app with SAP Business Application Studio and deploy it to the SAP BTP ABAP Environment | SAP Tutorials
Copyright (c) 2024 SAP SE or an SAP affiliate company. All rights reserved. This project is licensed under the Apache Software License, version 2.0 except as noted otherwise in the LICENSE file.
