sap-samples/btp-s4hana-nocode-extension

Create a simple custom UI application using the no-code tool SAP AppGyver, push the code to the HTML5 repository, and show different options on how to expose this application - stand-alone or with different SAP Launchpad environments.

Use SAP Build Apps to Build Side-by-Side UI Extensions for SAP S/4HANA

The main focus of this mission is to develop a custom UI application, which consumes an OData service from an SAP S/4HANA system.

We will create a simple custom UI application using no-code tool SAP Build Apps, push the code to the HTML5 repository and show different options on how to expose this application - as a stand-alone or with the different SAP Build Work Zone environments.

You can find this scenario as a mission in SAP Discovery Center.

Business Scenario

As a sample scenario, Jane a sales executive of ACME Corporation regularly meets different customers. She needs access to the latest customer information on the go. She needs a simplified web application, which can run on a portable device like smartphone or a tablet.

ACME Corporation implements the application as an SAP S/4HANA extension on SAP Business Technology Platform (SAP BTP). This application is created with SAP Build Apps, a no-code user interface development tool.

This scenario covers:

• Building application with SAP Build Apps
• Set up connectivity between SAP BTP and SAP S/4HANA Cloud or SAP S/4HANA on-premise
• Deploying the application on SAP BTP, Cloud Foundry environment

Solution Architecture

SAP S/4HANA Cloud

SAP S/4HANA on-premise

Discover

• The Mission Story
• Learn the Basics of SAP BTP
• Learn About SAP S/4HANA
• Learn About SAP S/4HANA Cloud
• Learn About HTML5 Applications
• Learn About SAP Build Apps
• Learn About SAP Cloud Identity Services
• Learn About SAP Work Zone

Prepare

• Prerequisites and Required Systems
• Get Started with SAP Build Apps - Quick Account Setup
• Launch SAP Build Apps
• Optional - Set up SAP Build Apps in SAP BTP Trial
• Optional - Set up your SAP BTP account using Terraform scripts

Landscape Setup for SAP BTP and SAP S/4HANA Cloud

• Onboard SAP S/4HANA Cloud System
• Configure Communication Settings in SAP S/4HANA Cloud
• Configure End-to-End Communication from SAP BTP to SAP S/4HANA Cloud System

Landscape Setup for SAP BTP and SAP S/4HANA on-premise

• OPTIONAL: Create an SAP S/4HANA Test System using the SAP Cloud Appliance Library
• Set up the SAP S/4HANA on-premise System
• Set up the SAP Cloud Connector & Trust to the SAP S/4HANA System
• Configure End-to-End Connectivity from SAP BTP to SAP S/4HANA System
• Configure Single Sign-On between SAP S/4HANA and SAP BTP

Landscape Setup for SAP BTP and Mock Server

If you don't have an SAP S/4HANA system, you can use a mock server setup instead.

• Install Mock Server

Implementation of an SAP Build Apps Extension Application

Once you have set up the landscape, you can 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.

Develop a simple UI application:

• Create a No-Code Application with SAP Build Apps
• Create a Business Partner List Page
• Create a Business Partner Details Page
• Build and Deploy Your SAP Build Apps Application to SAP BTP
• Integrate the Application with SAP Build Work Zone, standard edition
• Build Your App and Install it on a Mobile Device

How to Obtain Support

Create an issue in this repository if you find a bug or have questions about the content.

For additional support, ask a question in SAP Community.

Contributing

If you wish to contribute code, offer fixes or improvements, please send a pull request. Due to legal reasons, contributors will be asked to accept a DCO when they create the first pull request to this project. This happens in an automated fashion during the submission process. SAP uses the standard DCO text of the Linux Foundation.

License

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

btp-s4hana-nocode-extension's Issues

[rl-reuse_tool-2] Violation against OSS Rules of Play

A violation against the OSS Rules of Play has been detected.

Rule ID: rl-reuse_tool-2
Explanation: Does it have LICENSES directory with licenses? No

Find more information at: https://sap.github.io/fosstars-rating-core/oss_rules_of_play_rating.html

[rl-reuse_tool-3] Violation against OSS Rules of Play

A violation against the OSS Rules of Play has been detected.

Rule ID: rl-reuse_tool-3
Explanation: Is it registered in REUSE? No

Find more information at: https://sap.github.io/fosstars-rating-core/oss_rules_of_play_rating.html

[rl-reuse_tool-1] Violation against OSS Rules of Play

A violation against the OSS Rules of Play has been detected.

Rule ID: rl-reuse_tool-1
Explanation: Does README mention REUSE? No

Find more information at: https://sap.github.io/fosstars-rating-core/oss_rules_of_play_rating.html

[rl-reuse_tool-3] Violation against OSS Rules of Play

A violation against the OSS Rules of Play has been detected.

Rule ID: rl-reuse_tool-3
Explanation: Is it registered in REUSE? No

Find more information at: https://sap.github.io/fosstars-rating-core/oss_rules_of_play_rating.html

minor inconsistency: Tab > tap (note the letter case)

Create a Business Partner Details Page > Enable Navigation from Home Page to Details Page > 5

opening the logic editor: not only the arrow, you can click the dark gray are (I'm sure AppGyver has a name for it)

Create a Business Partner Details Page > Enable Navigation from Home Page to Details Page > 2

Wording

Create a Business Partner Details Page > Enable Navigation from Home Page to Details Page > 12

I suggest to change "With this step now, you can open a new page to show the business partner address by passing the business partner id to the A_BusinessPartnerAddress entity." to "With this step now, you can open the details page you created to show the business partner address by passing the business partner id to the A_BusinessPartnerAddress entity.".

[rl-reuse_tool-4] Violation against OSS Rules of Play

A violation against the OSS Rules of Play has been detected.

Rule ID: rl-reuse_tool-4
Explanation: Is it compliant with REUSE rules? No

Find more information at: https://sap.github.io/fosstars-rating-core/oss_rules_of_play_rating.html

Need to save the app before moving between pages

Create a Business Partner Details Page > Enable Navigation from Home Page to Details Page > 12

Saving the app is required before moving to the next step

Build Apps: Navigation: Open Page component properties not available

Hi @SarahKraemer
I am trying to create a sample project in Build Apps using BTP-S4-HANA-nocode-extension, when creating navigations between pages and the open page component does not show the page properties for customization.
[create-application/develop/DetailsPage/openPage.png]

https://github.com/SAP-samples/btp-s4hana-nocode-extension/blob/main/create-application/develop/DetailsPage/openPage.png

Can you help to fix this issue in SAP Build Apps.
![Screenshot 2024-03-20 164721]
(https://github.com/SAP-samples/btp-s4hana-nocode-extension/assets/162319206/c11cc4f8-32fa-470b-a657-680028a8a5f3)
Appreciate your support. Regards, Jey.

Need to save the app before launching preview

Step: Create a Business Partner List Page > Bind the Data Variable to the List > 12
Step 13 should be "save the app".

[rl-reuse_tool-4] Violation against OSS Rules of Play

A violation against the OSS Rules of Play has been detected.

Rule ID: rl-reuse_tool-4
Explanation: Is it compliant with REUSE rules? No

Find more information at: https://sap.github.io/fosstars-rating-core/oss_rules_of_play_rating.html

[rl-reuse_tool-1] Violation against OSS Rules of Play

A violation against the OSS Rules of Play has been detected.

Rule ID: rl-reuse_tool-1
Explanation: Does README mention REUSE? No

Find more information at: https://sap.github.io/fosstars-rating-core/oss_rules_of_play_rating.html

Need to click OK after providing page name

Create a Business Partner Details Page > Create a New Page > 3

[rl-reuse_tool-2] Violation against OSS Rules of Play

A violation against the OSS Rules of Play has been detected.

Rule ID: rl-reuse_tool-2
Explanation: Does it have LICENSES directory with licenses? No

Find more information at: https://sap.github.io/fosstars-rating-core/oss_rules_of_play_rating.html

Steps to switch page + typo

Create a Business Partner Details Page > Enable Navigation from Home Page to Details Page > 1

• Add details on how to move between pages.
• typo: Swtich