Etwicklungsumgebungen für SAP-Fiori-Apps

Für die Entwicklung von SAP-Fiori Apps bieten sich einige Entwicklungsumgebungen an, die den Softwareentwicklern hilft, Programme zu schreiben, zu testen und zu debuggen.

Entwicklungsumgebung Eclipse

Eclipse ist eine im Jahr 2001 eingeführte open source Entwicklungsumgebung – zunächst nur für Java-Entwicklungen. Aufgrund der guten Erweiterbarkeit dieser IDE, können heutzutage eine Vielzahl von Programmiersprachen verarbeitet werden. Somit ist es seit geraumer Zeit möglich, ABAP Programme und CDS-Views in Eclipse zu erstellen, zu bearbeiten und auszuführen. Die IDE (Integrated Development Environment) kann hierzu an ein SAP-System angebunden werden, sodass der Anwender Zugriff auf die Entwicklungsobjekte und Transportaufträge bekommt. Damit dies möglich ist, müssen die SAP Development Tools als Plugin installiert sein.

Nähere Informationen zur Installation und Versionshinweise finden sich hier: SAP Development Tools (ondemand.com)

SAP Fiori Technologie: Entwicklungsumgebung Eclipse

Entwicklungsumgebung SAP Business Application Studio

Das SAP Business Application Studio (BAS) ist der Nachfolger der Web IDE und wurde im Februar 2020 veröffentlicht. Das BAS ist eine IDE, welche als Cloudservice angeboten wird. Enthalten sind eine Kommandozeilen-Konsole, integriertes Debugging und ein optimierter Code-Editor. Weitere Tools, die auf bestimmte Geschäftsszenarien zugeschnitten sind, werden in sogenannten Dev Spaces zusammengefasst. Sie enthalten zudem vorinstallierte Laufzeitumgebungen zum Testen von S/4 HANA Erweiterungen und SAP Fiori Apps. Erweiterungen und Fiori Anwendungen stellen den Hauptfokus dieser IDE dar. Für mobile Anwendungen gibt es zusätzlich noch das Mobile Development Kit.

Neben vorgefertigten Templates (Vorlagen) für bestimmte Fiori Apps wie bspw. eine Master Detail Application oder eine List Report Application gibt es auch den Layout Editor zum Erstellen von eigenen Designs. Die grafischen Elemente verankern bereits die SAP Fiori Design Guidelines, sodass der Entwickler erkennt, wenn er ein Element bspw. an einer nicht vorgesehenen Stelle einfügen möchte. Ferner gibt es die Möglichkeit verschiedene Bildschirmformate (Smartphone, Tablet, Desktop) zu simulieren.

Zudem gibt es Guidelines für die Erweiterung von Fiori Elements/RAP Apps. Diese ermöglichen bspw. Custom Action, Custom Sections und Custom Collums hinzuzufügen.

Fiori Elements Apps können ebenfalls über das BAS generiert werden.

Auch bspw. git kann mit dem BAS verbunden und gepflegt werden. So können beispielsweise Repositiories geklont werden und automatisch in die SAP Umgebung migriert werden. 

Darüber hinaus lässt sich beim Erstellen einer App aus einer Vorlage auch eine im Backend definierte Datenquelle einfach einbinden. Das Testen einer entwickelten Anwendung kann in mehreren Modi geschehen, wie bspw. über die Component.js bzw. index.html oder in einer SAP Fiori Launchpad Sandbox. Im letzteren erfolgt bspw. die Navigation von und zu einem Launchpad. Zu guter Letzt kann eine fertige Anwendung von der Web IDE in ein SAPUI5 ABAP Repository oder in die Cloud deployed werden. Eine Anbindung an Git ist ebenfalls möglich.

Entwicklungsumgebung SAP WebIDE

SAP Fiori Technologie: Entwicklungsumgebung SAP Web IDE

Die SAP Web IDE ist eine – mittlerweile veraltete – browser-basierte Entwicklungsumgebung, welche für die Frontend-Entwicklung von SAP Fiori Apps sowie SAPUI5 und openUI5 Anwendungen genutzt werden kann. Die Installation kann lokal oder in der Cloud erfolgen. Neben vorgefertigten Templates (Vorlagen) für bestimmte Fiori Apps wie bspw. eine Master Detail Application oder eine List Report Application gibt es auch den Layout Editor zum Erstellen von eigenen Designs. Die grafischen Elemente verankern bereits die SAP Fiori Design Guidelines, sodass der Entwickler erkennt, wenn er ein Element bspw. an einer nicht vorgesehenen Stelle einfügen möchte. Ferner gibt es die Möglichkeit verschiedene Bildschirmformate (Smartphone, Tablet, Desktop) zu simulieren.

Darüber hinaus lässt sich beim Erstellen einer App aus einer Vorlage auch eine im Backend definierte Datenquelle einfach einbinden. Das Testen einer entwickelten Anwendung kann in mehreren Modi geschehen, wie bspw. über die Component.js bzw. index.html oder in einer SAP Fiori Launchpad Sandbox. Im letzteren erfolgt bspw. die Navigation von und zu einem Launchpad. Zu guter Letzt kann eine fertige Anwendung von der Web IDE in ein SAPUI5 ABAP Repository oder in die Cloud deployed werden. Eine Anbindung an Git ist ebenfalls möglich.