/cloud-extension-html5-sample

The sample showcases a custom SAP Fiori UX application for an API exposed from an SAP S/4HANA system or any other backend.

Primary LanguageJavaScriptApache License 2.0Apache-2.0

Mission: Setup for SAP S/4HANA side-by-side UI Extensions on SAP Business Technology Platform

REUSE status

The main focus of this mission is to show the full end-to-end setup for a SAP S/4HANA on-premise extension on SAP BTP (Cloud Foundry) this includes the following steps:

  • Setup SAP S/4HANA on-premise system
  • Setup of SAP BTP account and development environment
  • End-to-End connection setup with Principal Propagation (SSO)
  • DevOps - using SAP Continuous Integration & Delivery and monitoring
  • Integration of the HTML5 application in a central Launchpad

We will create a simple custom UI application, show the usage of the HTML5 repository and the different options how to expose this application - as a stand-alone or with the different SAP Launchpads environments.

Mission in SAP Discovery Center

Discover

These are the step-by-step guidelines for running the mission. It is divided in two workstreams:

Landscape Setup

The setup of the landscape consists of preparing the API in the SAP S/4HANA on-premise system and exposing the backend oData service using SAP Cloud Connector. There are also step-by-step instructions to setup the trust between SAP Cloud Connector and SAP S/4HANA system.

Implementation of a custom OData service

After the setup is done we can start to create UI API for the future application. Standard APIs provided by SAP cannot be used for this purpose.

Implementation of a simple UI application

Once we have setup the landscape, we can now develop, test and run a simple UI application. We will show the steps to implement the simple UI application using the SAP BTP managed HTML5 repository. This is a kind of PoC to see if and how the whole landscape setup is working.

Solution diagram

Known Issues

No known issues.

How to Obtain Support

In case you find a bug, or you need additional support, please open an issue here in GitHub.

License

Copyright (c) 2020 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.