Workflow der UI-Erweiterbarkeit

Folgen Sie dem folgenden Workflow, wenn die Backend-Logik und der Backend-Content, die bzw. der für die App-Erweiterung erforderlich ist, in der Gateway-Schicht vorhanden sind, jedoch nicht in der UI der App exponiert werden.

Hinweis Hinweis

Dieser Workflow beschreibt den Prozess zum Erweitern des UIs über die integrierte Entwicklungsumgebung (integrated development environment – IDE) Eclipse. Sie können auch SAP Web IDE verwenden.

Informationen darüber, wie Sie mit SAP Web IDE Apps erweitern, die im SAPUI5-ABAP-Repository angesiedelt sind, finden Sie unter https://help.hana.ondemand.com/SAP_RDE/frameset.htm?97d34a108dda4662be04f3953944cff3.html.

Ende des Hinweises

Voraussetzungen

Bevor Sie beginnen, sollten Sie die folgenden Schritte durchführen:

Installieren Sie ABAP Development Tools for SAP Netweaver
Informationen zum Einrichten von ABAP Team Provider finden Sie unter https://tools.hana.ondemand.com/#abap.
Installieren Sie das Werkzeug SAPUI5 Application Development für Eclipse
Beachten Sie den SAP-Hinweis 1747308 zur Installation von UI Development Toolkit for HTML5 (SAPUI5)
Stellen Sie sicher, dass alle SAPUI5-Plug-ins die Version 1.16.2 oder höher haben.
Die Versionsnummern werden auf der Registerkarte Installed Software angezeigt (siehe Help About Eclipse Installation Details ).
Stellen Sie sicher, dass der lokale Tomcat-Webserver für die Zusammenarbeit mit SAPUI5 Eclipse konfiguriert ist.
- Zunächst müssen Sie gegebenenfalls Tomcat auf der Seite http://tomcat.apache.org/download-70.cgi herunterladen.
- Wählen Sie in der Java-EE-Perspektive (Standardperspektive) von Eclipse die Registerkarte Servers. Wenn keine Server verfügbar sind, wählen Sie den Link New server wizard. Alternativ können Sie einen Rechtsklick ausführen und New Server wählen.
- Wählen Sie Apache Tomcat 7.0 .
- Fügen Sie eine neue Server-Laufzeit hinzu, indem Sie den Ordner angeben, in den Sie die Tomcat-Dateien entpackt haben.
- Wenn Sie den Wizard nach Abschluss dieser Schritte beenden, zeigt das System in der Sicht Servers einen Tomcat v7.0-Server an.
- Führen Sie in der Sicht Servers einen Doppelklick auf den Eintrag Tomcat v7.0-Server aus, um die Konfigurationsübersicht zu öffnen. Wählen Sie die Server-Option Serve modules without publishing aus.

Hinweis Hinweis

Falls das ABAP-System, auf dem die UI-Anwendung bereitgestellt wird, auf NW 7.31 oder höher basiert, können Sie den ABAP Repository Team Provider verwenden. Für Releases niedriger als NW 7.31 können Sie das Plug-in SAPUI5 Application Development von Eclipse verwenden sowie die unter http://help.sap.com/saphelp_uiaddon10/helpdata/en/91/f346786f4d1014b6dd926db0e91070/content.htm?frameset=/en/a5/60bd6ed4654fd1b338df065d331872/frameset.htm beschriebenen Verfahren zum Hochladen bzw. Herunterladen.

Ende des Hinweises

Prozess

Nachstehend werden die Prozessschritte für die Erweiterung der UI von SAP-Fiori-Anwendungen aufgeführt.

Aufgabe	Definition
1	Laden Sie die von SAP ausgelieferte Standardanwendung aus dem ABAP-System herunter.
2	Testen Sie die von SAP ausgelieferte Standardanwendung in der lokalen Launchpad-Sandbox-Umgebung.
3	Erstellen Sie eine Individualanwendung, die eine Erweiterung der von SAP ausgelieferten Standardanwendung darstellt.
4	Prüfen Sie die von SAP bereitgestellten Erweiterungsmöglichkeiten.
5	Definieren Sie die Metadaten für die Erweiterung.
6	Testen Sie die Individualanwendung in der lokalen Launchpad-Sandbox-Umgebung.
7	Laden Sie die Individualanwendung in das ABAP-System hoch.
8	Führen Sie einen Smoke-Test für die Individualanwendung im ABAP-System durch.
9	Konfigurieren Sie die Individualanwendung im Fiori-Launchpad.
10	Testen Sie die Individualanwendung im Fiori-Launchpad.