Beruflich Dokumente
Kultur Dokumente
Leseprobe
In dieser Leseprobe lernen Sie, die SAPUI5-Bibliothek auf einem
ABAP-Backend-System zu installieren und die Entwicklungsumge-
bung in Eclipse einzurichten. Auerdem machen wir Sie mit der
cloudbasierten Entwicklungsumgebung SAP Web IDE vertraut.
Kapitel 4:
Entwicklungsumgebung einrichten
Inhaltsverzeichnis
Index
Der Autor
Leseprobe weiterempfehlen
Miroslav Antolovic
Einfhrung in SAPUI5
484 Seiten, gebunden, 2. Auflage 2015
69,90 Euro, ISBN 978-3-8362-3908-0
www.sap-press.de/3986
Kapitel 4
4 Entwicklungsumgebung
einrichten
Checkliste
Sollten Sie ber kein SAP-Backend-System verfgen, knnen Sie Ihre Lokaler Webserver
Anwendungen auch auf einem lokalen Webserver, z. B. einen Apa-
che-HTTPD-Server (als Download von der Homepage apache.org ver-
fgbar), deployen. Sollten Sie keinen Zugang zum SAP Service Mar-
ketplace haben, knnen Sie die bentigten SAPUI5-Dateien unter
https://tools.hana.ondemand.com herunterladen.
111
4 Entwicklungsumgebung einrichten SAPUI5-Bibliothek in der SAP Business Suite installieren 4.1
IDE einrichten, fortfahren je nachdem, welche der beiden Ent- Es besteht ein hoher Wartungsaufwand.
wicklungsumgebungen Sie verwenden mchten. Der Benutzer muss zum Teil viele URLs zum Aufruf der Anwendun-
gen kennen, da der zentrale Einstiegspunkt des Central Hubs fehlt.
Die Sicherheit zu gewhrleisten ist aufwendig, vor allem beim
4.1 SAPUI5-Bibliothek in der mobilen Datenzugriff. Beim Central Hub mssen Sie lediglich
SAP Business Suite installieren einen Server berwachen, wenn Sie dagegen den mobilen Daten-
zugriff auf allen SAP-Systemlinien zulassen, mssen Sie den Netz-
Systemarchitektur Die Entwicklung von Anwendungen in SAPUI5 ist grundstzlich mit
werkverkehr auf allen Servern verstrkt berwachen.
zwei alternativen Systemarchitekturen mglich:
Aus diesen Grnden hat sich die Central-Hub-Architektur bewhrt Wahl des richtigen
Embedded Deployment Szenarios
und etabliert. Da Sie den Central Hub in aller Regel neu installieren,
Von Embedded Deployment spricht man, wenn die SAPUI5-Res-
installieren Sie damit auch gleich das aktuelle Release des SAP Net-
sourcen auf jedem SAP-System Ihrer Landschaft installiert werden
Weaver Application Servers ABAP (AS ABAP). Zum Zeitpunkt des
und auch direkt in diesen Systemen ausgefhrt werden. Das heit,
Schreibens dieses Buches ist das Release 7.40. Dieser ABAP-Stack
Sie mssen die im Folgenden beschriebenen Schritte fr jedes Sys-
beinhaltet bereits die SAPUI5- und SAP-Gateway-Komponenten, so
tem, z. B. fr SAP ERP HCM, SAP CRM, SAP ERP, durchfhren.
dass Sie keine zustzliche Softwarekomponente installieren mssen.
Central Hub Auf den Backend-Systemen der SAP Business Suite mssen Sie ledig-
Bei der Central-Hub-Architektur installieren Sie eine neue System- lich die Softwarekomponente fr SAP Gateway, IW_BEP, installie-
linie, auf der die Komponente SAP Gateway und alle SAPUI5-Res- ren. In den neueren Enhancement Packages (EHPs) der SAP Business
sourcen liegen. Jede SAPUI5-Anwendung wird auf diesem soge- Suite ist jedoch auch diese Softwarekomponente integriert, nicht
nannten Central Hub deployt und ausgefhrt. Der Central Hub ist zuletzt, weil SAP Fiori auf dieser Architektur aufbaut.
technisch nichts anderes als ein SAP NetWeaver AS ABAP. Die
Datenbermittlung in das jeweilige Backendsystem (SAP ERP SAP Fiori
HCM, SAP CRM usw.) erfolgt ber SAP Gateway ber eine Trusted-/
SAP Fiori ist mehr als nur eine Sammlung von SAPUI5-basierten Apps. Es
Trusting-Beziehung via Remote Function Call (RFC). Abbildung 4.1 handelt sich um eine neue SAP-Philosophie, wie die User Experience (UX)
veranschaulicht diese Architektur. ber strikte Design Guidelines und eine rollen- und aufgabenbasierte
Implementierung von Anwendungen verbessert werden kann. Technisch
handelt es sich um SAPUI5-Anwendungen, die zentral auf dem Central
Hub ber das SAP Fiori Launchpad ausgefhrt werden knnen.
Auch wenn Sie sich als Nicht-SAP-Mitarbeiter nicht an die Design Guide-
lines fr SAP Fiori halten mssen, empfehle ich Ihnen, sich mit diesen zu
SAP ERP beschftigen. Diese Richtlinien wurden von erfahrenen UX-Designern
SAP CRM
erstellt, und Sie knnen von diesem Wissen profitieren. Unter https://
Reverse
Proxy SAP SRM
SAP HANA experience.sap.com knnen Sie sich ber den Ansatz von SAP Fiori und die
ABAP- XS Engine
Central-Hub
daraus resultierenden Design Guidelines informieren.
SAP SCM
(SAP Gateway SAP HANA/
+ beliebige
ABAP-Backend-Server
Datenbank
SAPUI5) (SAP Business Suite) Da so jede SAPUI5-Anwendung auf dem gleichen Server luft, ben-
tigt der Anwender in der Regel nur noch eine URL zum Zugriff auf die
Abbildung 4.1 Central-Hub-Systemarchitektur
Anwendungen. Auch unter Sicherheitsaspekten ist die Central-Hub-
Architektur von Vorteil. Es ist wesentlich einfacher, ein einzelnes Sys-
Das Embedded-Deployment-Szenario hat drei gravierende Nachteile:
tem meistens mit einem vorgeschalteten Reverse Proxy netzwerk-
112 113
4 Entwicklungsumgebung einrichten SAPUI5-Bibliothek in der SAP Business Suite installieren 4.1
technisch abzusichern und zu berwachen, als mehrere Systeme. Der 2. Laden Sie die berechneten Support Packages und das Stack-XML
einzige Nachteil der Central-Hub-Architektur ist der Betrieb der herunter. Entpacken Sie anschlieend die Support Packages in das
zustzlichen Systemlinie mit den damit verbundenen Kosten. EPS-Verzeichnis, und installieren Sie die Pakete mit dem SAP Add-
On Installation Tool (Transaktion SAINT), bzw. fhren Sie ein
Installation mit Viele SAP-Kunden entscheiden sich in der Pilotphase dazu, mit dem
AS ABAP 7.31 Update (Transaktion SPAM) durch. Eine ausfhrliche Installations-
Embedded Deployment zu starten. Damit knnen Sie in einem Proof
anleitung finden Sie im SAP-Hinweis 1747308.
of Concept zunchst einmal die neue Technologie evaluieren und im
Anschluss die neue Central-Hub-Systemlinie aufbauen. Aus diesem Ob die Installation erfolgreich war, knnen Sie durch den Aufruf der SAP UI
Grund beschreibe ich an dieser Stelle zunchst die Installation auf URL http://<HOSTNAME>:<SERVICE>/sap/public/bc/ui5_ui5 ber- Development
Toolkit for HTML5
einem existierenden ABAP-Stack 7.31. Mchten Sie direkt die Cen- prfen, wobei Sie <HOSTNAME> und <SERVICE> durch die Werte
tral-Hub-Architektur umsetzen, knnen Sie diesen Schritt bersprin- Ihres SAP-Systems ersetzen. Ihnen sollte als Ergebnis das SAP UI
gen und einen Central Hub auf der Basis von SAP NetWeaver 7.40 development toolkit for HTML 5 angezeigt werden (siehe Abbil-
installieren. Hier ist, wie bereist erwhnt, die SAPUI5-Komponente dung 4.3).
bereits enthalten.
SAPUI5 ist als Add-on in die SAP Business Suite integriert. Die Instal-
lationspakete finden Sie im SAP Software Download Center (http://
service.sap.com/swdc) unter Installations and Upgrades A-Z-Index
N UI Add-On for NetWeaver <Entsprechendes EHP-/ERP-
Release> Installation. Die dazugehrigen Support Packages fin-
den Sie unter Support Packages and Patches A-Z-Index N UI
Add-On for NetWeaver <Entsprechendes EHP-/ERP-Release>.
Sollten Sie ein anderes Ergebnis erhalten, prfen Sie, ob der entspre- ICF-Service
chende Service aktiv ist. Gehen Sie dazu in die Transaktion SICF, und aktivieren
114 115
4 Entwicklungsumgebung einrichten Frontend-Tools einrichten 4.2
Die in diesem Buch gezeigten Beispiele basieren auf der zum Zeit- Bei Eclipse handelt es sich um ein Open-Source-Projekt. Eclipse wird
punkt des Schreibens dieses Buches aktuellen Version SAP_UI 740 als Integrated Development Environment (integrierte Entwicklungsum-
SP 0013. Prfen Sie daher mithilfe der Product Availability Matrix gebung, kurz IDE) fr verschiedenste Programmiersprachen genutzt.
(PAM), die Sie unter http://service.sap.com/pam aufrufen knnen, SAP hat auf Basis von Eclipse Plug-ins entwickelt, die es ermglichen,
welches die aktuell untersttzte Version ist, und installieren Sie SAPUI5-Entwicklungen in Eclipse zu programmieren. Die SAP Web
diese. IDE wird in der Cloud zur Verfgung gestellt und als Nachfolger der
Eclipse-Entwicklungsumgebung betrachtet.
Eclipse-Umgebung installieren
Welche Eclipse-Version von SAPUI5 aktuell untersttzt wird, erfah-
Abbildung 4.4 UI5-Service aktivieren
ren Sie unter https://tools.hana.ondemand.com. Im Abschnitt SAPUI5
Procedure erfahren Sie, fr welche Eclipse-Versionen eine Update-
Site fr die SAPUI5-Entwicklungswerkzeuge angeboten wird. Von
4.2 Frontend-Tools einrichten
dieser Update-Site knnen Sie die SAPUI5-Entwicklertools installie-
Eclipse oder Nach der erfolgreichen Installation der Backend-Komponente ms- ren (siehe auch Abbildung 4.12). Zum Zeitpunkt des Schreibens die-
SAP Web IDE sen Sie nun noch die SAPUI5-Frontend-Tools installieren. Hier ste- ses Buches wurden die Eclipse-Versionen Luna und Mars untersttzt,
hen Ihnen zwei Mglichkeiten zur Verfgung: die neueste Version Neon noch nicht.
Eclipse-Plug-ins fr SAPUI5 Haben Sie noch keine Eclipse-Umgebung auf Ihrem Rechner instal- Eclipse IDE for
liert, laden Sie als Erstes die Eclipse IDE for Java EE Developers unter Java EE Developers
die SAP Web IDE, eine cloudbasierte Entwicklungsumgebung fr
SAPUI5 www.eclipse.org/downloads herunter. Hat Ihr SAP-Backend-System
116 117
4 Entwicklungsumgebung einrichten Frontend-Tools einrichten 4.2
den Stand SAP NetWeaver 7.40 Service Pack 7 oder kleiner, mssen sprechende Version vom SAP Service Marketplace herunterladen.
Sie die 32-Bit-Version von Eclipse herunterladen, da der SAPUI5 Aus diesem Grund beschreibe ich an dieser Stelle beide Vorgehens-
ABAP Repository Team Provider nur mit der 32-Bit-Version funktio- weisen.
niert. Ab Service Pack 8 wird auch die 64-Bit-Version untersttzt.
Fr die Entwicklung bentigen Sie die folgenden drei Kernkompo- Kernkomponenten
Eclipse starten Nach dem Entpacken der heruntergeladenen ZIP-Datei knnen Sie nenten, die Sie in der folgenden Reihenfolge installieren: der SAPUI5-Tools
Fgen Sie die jeweils aktuelle Version der beiden Komponenten ber
den Button Zum Download Basket hinzufgen zu Ihrem Down-
load-Basket hinzu. Fr den SAPUI5 ABAP Repository Team Provider
Abbildung 4.5 Verzeichnis fr den Eclipse-Workspace angeben
bentigen Sie zustzlich noch das Plug-in fr ABAP in Eclipse. Dieses
finden Sie am einfachsten, indem Sie im SAP Software Download
Sie knnen auch mit mehreren Workspaces arbeiten und den Work- Center nach ABAP in Eclipse suchen. Fgen Sie auch diese Datei
space im Men ber File Switch Workspace jederzeit wechseln. Ihrem Download-Basket hinzu. Laden Sie im Anschluss die drei ZIP-
Dateien mithilfe des SAP Download Managers herunter.
Die SAPUI5-Plug-ins knnen Sie auf zwei Wegen installieren:
Je nachdem, welche Version Sie installieren mchten, bentigen Sie Standard-Plug-ins
ber die Update-Site noch weitere Standard-Plug-ins. So setzt die zum Zeitpunkt des
ber den SAP Service Marketplace Schreibens dieses Buches aktuelle Version von ABAP in Eclipse z. B.
das Eclipse-Grafik-Plug-in Graphiti und einige EMF-Komponenten
Auf der Update-Site knnen Sie immer nur die jeweils aktuelle Ver-
(Eclipse Modeling Framework) voraus. Ich zeige Ihnen an dieser
sion installieren. Sollte sich Ihr ABAP-System auf einem lteren
Stelle einen Weg zur Installation der Komponenten, der fr mich am
SAPUI5-Releasestand befinden und mchten Sie in Eclipse die glei-
besten funktioniert hat. Weitere Informationen zur Installation fin-
che Version wie auf Ihrem Backend installieren, mssen Sie die ent-
den Sie in der Installationsdokumentation.
118 119
4 Entwicklungsumgebung einrichten Frontend-Tools einrichten 4.2
SAPUI5-Plug-ins Nachdem Sie die Dateien aus dem SAP Service Marketplace herun-
installieren tergeladen haben, knnen Sie diese in Eclipse installieren:
120 121
4 Entwicklungsumgebung einrichten Frontend-Tools einrichten 4.2
7. Whlen Sie das Plug-in aus, und besttigen Sie Ihre Auswahl mit
Next.
8. Akzeptieren Sie im Folgebild die Lizenzvereinbarungen, und star-
ten Sie ber den Button Finish die Installation. Bei manchen Kom-
ponenten erscheint ein Warnhinweis, dass Sie unsignierte Kompo-
nenten installieren. Besttigen Sie dieses Pop-up-Fenster mit OK.
Nach der erfolgreichen Installation mssen Sie Eclipse neu starten.
9. Versuchen Sie im Anschluss, das Plug-in fr ABAP in Eclipse
erneut zu installieren. Sollten Sie eine weitere Fehlermeldung
erhalten, wiederholen Sie das beschriebene Verfahren so lange,
bis Sie alle erforderlichen Plug-ins installiert haben.
Der beschriebene Weg ist zwar sehr mhsam, ist aber die einzige Mg-
Abbildung 4.10 Hinweis auf fehlendes Plug-in lichkeit, eine Version passgenau zu installieren. Fr die von mir verwen-
dete Version musste ich diese Schritte fr die folgenden Plug-ins wieder-
6. Gehen Sie daher ber Back einen Schritt zurck, tragen Sie unter holen:
Work with die Update-Site der verwendeten Eclipse-Version ein, EMF Query
und suchen Sie dann nach dem erforderlichen Plug-in, wie in EMF Validation
Abbildung 4.11 dargestellt. EMF Model Transaction Workbench Integration
SAP-Hinweise
Die zum Zeitpunkt des Schreibens dieses Buches aktuelle Version SAPUI5
1.00 SP13 setzt z. B. ABAP in Eclipse in der Version 2.44 voraus. Welche
Versionen Sie jeweils installieren mssen, knnen Sie den SAP-Hinweisen
1747308 und 1718399 entnehmen.
zen. Diese Vorgehensweise hat zwar den Nachteil, dass Sie nur die
gerade aktuellste Version installieren knnen, bringt aber den gro-
en Vorteil mit sich, dass die vorausgesetzten Plug-ins automatisch
Abbildung 4.11 Installation des fehlenden Plug-ins
122 123
4 Entwicklungsumgebung einrichten Frontend-Tools einrichten 4.2
mit installiert werden. Dadurch vereinfacht sich der Installationspro- Eclipse-Komponenten aktualisieren
zess erheblich. Es wird empfohlen, die Eclipse-Komponente Eclipse IDE for Java EE bersicht der
Developer regelmig zu aktualisieren. Diese Komponente beinhal- installierten
1. Auf der Internetseite https://tools.hana.ondemand.com finden Sie Komponenten
unter SAPUI5 Procedure den Link zu der entsprechenden tet die Codevervollstndigung, die in niedrigeren Versionen zu
Update-Site: https://tools.hana.ondemand.com/<Eclipse-version>, Abstrzen der Anwendung fhren kann. Um eine Komponente zu
also z. B. https://tools.hana.ondemand.com/mars fr die Eclipse- aktualisieren, rufen Sie ber den Menpfad Help About Eclipse die
Version Mars. bersicht der installierten Komponenten auf (siehe Abbildung 4.13).
ber den Button Installation Details knnen Sie sich die Versio-
2. Starten Sie ber den Menpfad Help Install New Software den
nen der installierten Komponenten anzeigen lassen.
Installationsassistenten, und tragen Sie unter Work with die pas-
sende Update-Site ein.
3. Whlen Sie die gewnschten Komponenten aus, wie in Abbildung
4.12 zu sehen, und starten Sie die Installation ber Next.
Um ein Update durchzufhren, markieren Sie die entsprechende Kom- Update der
ponente und klicken auf den Button Update (siehe Abbildung 4.14). installierten
Komponenten
Abbildung 4.12 Installation ber die Update-Site Abbildung 4.14 Installierte Komponenten aktualisieren
124 125
4 Entwicklungsumgebung einrichten Frontend-Tools einrichten 4.2
Es erscheint nun ein Pop-up-Fenster mit den verfgbaren Updates. Verfgen Sie ber die erforderliche Entwicklerlizenz, knnen Sie An HCP anmelden
Besttigen Sie die Installation mit Next, akzeptieren Sie die Lizenz- sich ber die URL https://account.hana.ondemand.com am HCP Cock-
vereinbarungen, und starten Sie die Installation mit Install. pit anmelden. Starten Sie die SAP Web IDE dann wie folgt:
Als Alternative zu Eclipse stelle ich Ihnen nun die SAP Web IDE vor. 1. Unter Subscriptions finden Sie im Abschnitt Subscribed HTML5
Applications den Eintrag zur SAP Web IDE (siehe Abbildung 4.15).
Einsatzvarianten Grundstzlich haben Sie drei Mglichkeiten, die SAP Web IDE zu
nutzen, wobei nicht jede Variante fr die produktive Nutzung freige-
geben ist:
126 127
4 Entwicklungsumgebung einrichten Frontend-Tools einrichten 4.2
Testzugang zur SAP Web IDE SAP Web IDE SAP HANA
(SAP HANA Cloud Cloud Connector
Der Testzugang zur SAP Web IDE wird ebenfalls ber die HCP bereit- Platform)
gestellt, und der Zugriff erfolgt fast genau so wie beim produktiven
HCP-Account, lediglich die URL zum HCP Cockpit lautet anders: On-Premise-Landschaft
https://trialaccount.hana.ondemand.com. Hier knnen Sie sich fr
einen nicht produktiv nutzbaren Testzugang registieren. Nach Erhalt
der Besttigungs-E-Mail knnen Sie sich genau wie beim produkti-
ven Zugang am HCP Cockpit anmelden und finden die URL zur SAP Abbildung 4.18 Rolle des SAP HANA Cloud Connectors
Web IDE dort ebenfalls unter Subscriptions.
Den SAP HANA Cloud Connector knnen Sie unter der URL https:// Installation
tools.hana.ondemand.com herunterladen. Whlen Sie hier die fr Ihr
Lokale Installation der SAP Web IDE
Betriebssystem passende Version aus (siehe Abbildung 4.19), und
Im SAP Community Network (SCN) knnen Sie den Quellcoude und installieren Sie diese, wie in der Dokumentation beschrieben.
eine Anleitung zur Installation einer lokalen SAP Web IDE unter der
URL http://scn.sap.com/docs/DOC-58926 herunterladen. Auch diese
Version ist nicht fr den produktiven Einsatz freigegeben.
128 129
4 Entwicklungsumgebung einrichten Frontend-Tools einrichten 4.2
Verbindung Nachdem Sie den SAP HANA Cloud Connector installiert haben, kn-
einrichten nen Sie die Verbindung zur SAP Web IDE ber die Administrations-
oberflche herstellen:
1. Rufen Sie dazu das Cockpit Ihres HCP-Accounts unter der URL Abbildung 4.21 Neue Verbindung anlegen
https://account.hana.ondemand.com/cockpit# (fr produktive In-
stanzen) bzw. https://account.hanatrial.ondemand.com/cockpit# 5. Tragen Sie nun die Verbindungsdaten, wie in Abbildung 4.22 zu se-
(beim kostenlosen Testzugang) auf. hen, ein. Whlen Sie als Landscape Host hana.ondemand.com
2. Dort finden Sie unter Account Account Details Account fr den produktiven Zugang bzw. hanatrial.ondemand.com bei
Name den Namen Ihres HCP-Accounts (siehe Abbildung 4.20). Verwendung des Testzugangs. Als Account Name geben Sie die Ac-
Diese Account-ID bentigen Sie fr die Konfiguration des SAP count-ID ein, die Sie zuvor nachgesehen haben. In den Feldern Ac-
HANA Cloud Connectors. count User und Password geben Sie Ihren Benutzernamen und
Ihr Passwort ein.
Abbildung 4.20 Name des HCP-Accounts abfragen Abbildung 4.22 SAP HANA Cloud Connector konfigurieren
130 131
4 Entwicklungsumgebung einrichten Frontend-Tools einrichten 4.2
6. Nachdem Sie Ihre Eingaben mit OK besttigt haben, stellt der SAP 3. Als Internal Host und Internal Port tragen Sie die Daten Ihres
HANA Cloud Connector eine Verbindung zur HCP her. Wenn Sie Central Hubs bzw. die Daten des Systems, auf dem SAP Gateway
alle Daten richtig eingegeben haben, erscheint ein neuer Eintrag luft, ein.
im Account Dashboard (siehe Abbildung 4.23). Eine aktive Ver- 4. Sichern Sie Ihre Eingaben.
bindung wird mit einem grnen Symbol angezeigt.
Als nchsten Schritt tragen Sie die erreichbaren Ressourcen auf dem Ressourcen
ABAP-Backend-System ein. Letztlich geben Sie an dieser Stelle ICF- hinzufgen
132 133
4 Entwicklungsumgebung einrichten Frontend-Tools einrichten 4.2
Als Ergebnis sollten Sie nun vier Eintrge in der Ressourcen-Tabelle 2. Neben der URL mssen Sie noch drei zustzliche Attribute pfle-
mit dem Status resource is enabled sehen, der durch ein grnes gen. Klicken Sie dazu auf New Property, und geben Sie die folgen-
Symbol erkennbar ist (siehe Abbildung 4.26). den Eigenschaften und Werte ein:
WebIDEEnabled: True
WebIDESystem: <System-ID Ihres Central Hubs>
WebIDEUsage: odata_abap.ui5_execute_abap
Nach dem Sichern Ihrer Einstellungen knnen Sie diese nun in der Verbindung testen
SAP Web IDE testen:
1. Starten Sie die SAP Web IDE wie im Abschnitt SAP Web IDE auf
Abbildung 4.26 Anzeige der verfgbaren Ressourcen
der SAP HANA Cloud Platform beschrieben.
SAP Web IDE Damit ist der SAP HANA Cloud Connector konfiguriert und mit dem 2. Legen Sie ber den Menpfad File New Project from Template
anbinden SAP-Gateway-System verbunden. Als nchsten Schritt verbinden Sie ein neues Projekt an. Ein Wizard zum Anlegen eines neuen Pro-
die SAP Web IDE mit dem SAP HANA Cloud Connector: jekts startet.
1. Wechseln Sie dazu wieder in das HCP Cockpit. Legen Sie im 3. Whlen Sie im ersten Schritt zur Demonstration einmal das Template
Bereich Destination eine neue Verbindung an. An dieser Stelle SAP Fiori Full Screen Application aus (siehe Abbildung 4.28), und
kommt der virtuelle Host ins Spiel. Wie Sie Abbildung 4.24 ent- klicken Sie auf Next.
nehmen knnen, habe ich als virtuellen Host sapui5.buch und als
virtuellen Port 6666 gewhlt. Daraus ergibt sich die URL
sapui5.buch:6666, wie in Abbildung 4.27 zu erkennen.
134 135
4 Entwicklungsumgebung einrichten Frontend-Tools einrichten 4.2
Auch wenn ich mir sehr gut vorstellen kann, dass es Sie jetzt in den
Fingern juckt und Sie dieses Beispiel gerne zu Ende bringen mch-
ten, muss ich Sie leider an dieser Stelle noch ein paar Seiten lang ver-
trsten. Sie knnen den Wizard an dieser Stelle abbrechen, ich kann
Ihnen jedoch versprechen, dass wir in Kapitel 10, Beispielentwick-
lung einer SAP-Fiori-App, wieder an diese Stelle zurckkehren wer-
den und dieses Beispiel zu Ende bringen. Dafr bentigen Sie
zunchst noch ein besseres Verstndnis von OData, SAP Gateway
und natrlich auch SAPUI5.
Abbildung 4.29 Projektnamen fr die Entwicklung eingeben
Bevor Sie die erste SAPUI5-Seite anlegen, erlutere ich Ihnen daher
5. Jetzt kommt der eigentlich spannende Teil: Im Folgebild knnen im folgenden Kapitel die mglichen Entwicklungsszenarien und die
Sie die Datenverbindung auswhlen. Wenn Sie alles richtig konfi- Kommunikation zwischen dem Browser und dem SAP-Backend
guriert haben, knnen Sie wie in Abbildung 4.27 unter Service nher. Im Anschluss daran lernen Sie das Architekturmuster Model
Catalog den Eintrag zu Ihrem Central Hub sehen. Die SAP Web View Controller (MVC) kennen und sind damit bestens gerstet, um
IDE liest nun alle OData-Services von diesem System ein und zeigt mit der Entwicklung von Anwendungen in SAPUI5 zu starten.
diese im unteren Teil des Bildes an (siehe Abbildung 4.30).
Ecplise und SAP Web IDE in diesem Buch
Geschafft! Knnen Sie die Services hier sehen, funktioniert die
Verbindung zwischen der SAP Web IDE und dem SAP HANA Fr mich als Autor war es eine schwierige Entscheidung, ob ich Ihnen die
Beispiele in diesem Buch in Eclipse oder der SAP Web IDE zeige. Die SAP
Cloud Connector sowie zwischen dem SAP HANA Cloud Connec-
Web IDE ist eine zukunftstrchtige IDE, zum Zeitpunkt des Schreibens
tor und dem SAP-Backend-System.
dieses Buches ist Eclipse jedoch nach wie vor sehr stark verbreitet. Bei
einigen Aufgaben, z. B. beim Anlegen eines Projekts, wie in diesem
Abschnitt gezeigt, ist der Unterschied zwischen der SAP Web IDE und
Eclipse gering. Auch bei der eigentlichen Entwicklung unterscheidet sich
die Arbeit in der SAP Web IDE nur geringfgig von der Arbeit in Eclipse.
In der SAP Web IDE ist u. a. die Codevervollstndigung derzeit etwas bes-
ser. Die Strken der SAP Web IDE liegen in den zur Verfgung gestellten
Templates und Plug-ins, die es sehr einfach machen, auch komplexere
Anwendungen gefhrt durch einen Assistenten zu erstellen.
Daher habe ich mich dazu entschlossen, die Beispiele in diesem Buch
zunchst in Eclipse zu zeigen. In Kapitel 10, Beispielentwicklung einer
SAP-Fiori-App, werdern Sie dann eine Genehmigungs-App in der SAP
Web IDE entwickeln. In diesem Kapitel werden Sie die Strken der SAP
Web IDE kennenlernen. Selbstverstndlich knnen Sie auch alle Beispiele
in der SAP Web IDE oder alle Beispiele in Eclipse entwickeln.
136 137
Inhalt
Einleitung .................................................................................. 13
2 JavaScript ................................................................ 47
7
Inhalt Inhalt
5 Erste Schritte in SAPUI5 ......................................... 139 7 Weitere Techniken in SAPUI5 ................................. 253
8 9
Inhalt Inhalt
10 11
Index
473
Index Index
474 475
Index Index
476 477
Index Index
478 479
Index Index
Objekt (Forts.) onmousemove 85 prototypisches Objekt 285, 286 SAP Fiori Launchpad (Forts.)
transportierbares 174 onmouseout 85 Prototyp-Kette 284, 286 Anwendung bereitstellen 456
vordefiniertes 55 onmouseover 85 Proxy-Konfiguration 324 Berechtigung 464
Objektorientierung 53 onmouseup 85 Proxy-Servlet 324, 381 Gruppe 463
OData 231, 327 On-Premise-System 129 Prfbedingung 70, 71, 73 Kachel 461
batch 375 onreadystatechange 102 Publisher 149 Katalog 460
Bibliothek 333 onreset 85 Punktnotation 56, 92, 312 Konfiguration 460
CRUD 372 onsearch 367 Rolle 458
Filter 331, 365 onselect 85 Theme 270
Navigation 331 onsubmit 85 Q SAP Fiori Stencils 392
Objekt 336 onunload 85 SAP Gateway 112, 232, 327
Open Data Protocol OData Query-Option 331, 361, 365
Paging 362 aktivieren 335
Query 331, 365 open() 101 Client 355
SAP-Annotationen 328 Operation 328 Developer Guide 336
Service implementieren 336 Operator 62 R
Fehleranalyse 148
Servicedokument 329 Operator, logischer 65 Komponenten 333
Radiobutton 33
Sorter 365 RatingIndicator 227, 245, 395 Laufzeitobjekt 336
URL 331 ready 89 SAP Gateway Service Builder 334,
OData Channel 333 P 344
readyState 102
OData Model 231, 232, 347, 360 Rechenoperator 63 SAP HANA Cloud Connector 129,
Padding 276
anlegen 341 Referenz-Apps 442 441, 450, 457
Paging 361, 362
Editor 339 RegExp 249 SAP HANA Cloud Connector,
PAM 116
OData Modeler 126, 337, 385 Remote Function Call 112 Installation 129
Paragraph 20
OData-Service 232, 350, 451 Render Manager 316 SAP HANA Cloud Platform 126
Parent-Child-Datenbindung 239
aktivieren 353 renderer 315 SAP HANA Cloud Platform,
parseFloat 246
Annotation 383 Rendering Engine 19 Cockpit 127
Parser 220, 242
Datenmodell 344 Request 141, 321 SAP NetWeaver Application Server
Parser-Fehler 254
Fehleranalyse 148 Request Handler 141, 322 ABAP 100, 113, 140, 321
Pattern 292
Fehlerprotokoll 359 requestCompleted 217, 431 SAP Service Marketplace 119
Pattern, Navigation 288
generieren 350 Resource Model 227, 400 SAP UI Development Toolkit for
Phishing 323
Query-Option 357 Response 103, 141 HTML5 SAPUI5
placeAt 164
testen 353 Responsive Control 201 SAP UI Theme Designer Theme
Platinum 201
ODBC 231 REST 327, 328 Designer
Plattform 139
Oder-Operator 65 return 52, 84 SAP Web IDE 116, 126, 441
Portalanwendung 391
Ogee 337, 398 RFC 112 Backend-Deployment von
Port-Information 142
onabort 84 Roundtrip 141 Anwendungen 456
POST-Methode 33, 103
onblur 84 Route definieren 292 Git 444
Prsentationsschicht 149
onButtonPressed 320 Routing-Objekt 288, 406 Git-Integration 441
Product Availability Matrix 116
onchange 84 RSS-Feed 327, 461 Layout Editor 443
Projekt
onclick 84 Rckgabewert 52, 84 Lizenz 126
anlegen (Eclipse) 151
ondblclick 85 lokale Installation 128
anlegen (SAP Web IDE) 155
onerror 85 Mockdaten 385
importieren 180
One-Time-Datenbindung 212 Template 155
S Mockserver 444
One-Way-Datenbindung 211, 231 OData Model Editor 337, 339
properties-Datei 228
onfocus 85 Same-Origin-Policy 107, 323 Template 449
Property 317, 329
onkeydown 85 SAP Add-On Installation Tool 115 Testzugang 126, 128
ndern 342
onkeypress 85 SAP Fiori 113, 440 Theme Designer 265
hinzufgen 342
onkeyup 85 SAP Fiori Launchpad 113, 279, sap.m 152
Property Binding 233 394, 456
onload 85 sap.m.App 288
Protokollierung 48 Administrator 459, 460
onmousedown 85 sap.m.IconTabBar 197
prototypische Vererbung 286
480 481
Index Index
482 483
Index
W Y
W3C 19 YUI Compressor 187
W3C-Standard 84
Web IDE SAP Web IDE
Webbrowser 141
Z
Webentwicklertools 39
Zeichenverkettung 63
Webseite, dynamische 100
Zeilenumbruch 26
Webserver, installieren 166
Zustandslosigkeit 328
Wert-Binding 234
Zuweisungsoperator 63
while-Schleife 71
484
Wissen aus erster Hand.
Miroslav Antolovic ist bei der bsc solutions GmbH & Co.
KG als SAP-Entwickler und -Trainer ttig. Er studierte an der
Universitt Heidelberg Pharmazie und arbeitete als Java-
und Webentwickler. 1999 begann er als Anwendungsent-
wickler bei der SAP AG im Product Lifecycle Management,
und 2004 wechselte er zur REALTECH AG, bei der er SAP-
Add-on-Produkte entwickelte. Ab 2007 war er als Leiter
der SAP-Entwicklung bei der SEEBURGER AG ttig, bis er
schlielich 2010 zu bsc solutions wechselte.
Wir hoffen sehr, dass Ihnen diese Leseprobe gefallen hat. Sie drfen sie gerne
empfehlen und weitergeben, allerdings nur vollstndig mit allen Seiten. Bitte
beachten Sie, dass der Funktionsumfang dieser Leseprobe sowie ihre Darstel-
lung von der E-Book-Fassung des vorgestellten Buches abweichen knnen.
Miroslav Antolovic
Diese Leseprobe ist in all ihren Teilen urheberrechtlich geschtzt. Alle Nut-
Einfhrung in SAPUI5 zungs- und Verwertungsrechte liegen beim Autor und beim Verlag.
484 Seiten, gebunden, 2. Auflage 2015
69,90 Euro, ISBN 978-3-8362-3908-0 Teilen Sie Ihre Leseerfahrung mit uns!
www.sap-press.de/3986