Use SAP AppGyver to build Side-by-Side UI Extensions for SAP S/4HANA


Introduction

One of the most common extension scenarios on SAP BTP is the consumption of a backend API by a cloud-based UI. With SAP AppGyver you can now build such UIs without any coding.

You can find this scenario as a Mission in SAP Discovery Center

Business Case

Innovate your business processes with a tailored UI, while keeping the core clean. Accelerate the development with the no-code platform SAP AppGyver and build applications easily.
As an example scenario a sales executives meets different business partners and need access to latest business partner information on the go. They need a simplified, custom UI application which can run on a mobile device or tablet.
This mission explains how to create a custom accessible application that provide your employees with details on business partners directly from your SAP S/4HANA Cloud system in a secured manner, even without having VPN access. You will learn how quickly a new UI application can be developed with the no-code capabilities of SAP AppGyver. You will also find out what is the process to setup and develop a productive extension application.

This scenario can easily be adapted for other use cases like exposing product data, sales orders, or other APIs.

Mission Content

This Mission shows all the necessary steps for the productive end-to-end landscape setup with principal propagation by building an SAP S/4HANA extension application with SAP AppGyver. In case you don’t have an SAP S/4HANA system you can still run this mission by using a mock server installation.

  • Enabling an OData API on SAP S/4HANA
  • Setting up connection to S/4HANA with principal propagation
  • Setting up a SAP BTP subaccount using  Booster
  • Developing a no-code application with SAP AppGyver
  • Deploying the application to the HTLM5 repository service on SAP BTP

The content of the Mission is tested on a regular basis and will be kept up to date by integrating the latest services and features

Solution%20Diagram

Solution Diagram