Ein breit aufgestelltes Framework



Um eine UI5-Anwendung mit Fiori-Optik und -UX zu generieren, hat sich der auf dem populären Yeoman basierende Easy-ui5-Generator der UI5 Community etabliert. Zusätzlich zur Abfrage vieler Einstellungen integriert Easy-ui5 Teile der SAP-Open-Source-Initiative Open UX Tools und bezieht auch gleich Deployment-Szenarien mit in die Generierung ein. Ein npx yo easy-ui5 auf der Kommandozeile genügt, um loszulegen.

  • cli des easy-ui5 Generators (Screenshot: Volker Buzek)
  • UI5: Tooling zum lokalen Starten einer Anwendung (Screenshot: Volker Buzek)
  • Typescript Controller in UI5 (Screenshot: Volker Buzek)
  • Quellcode einer UI5 Webcomponent (Screenshot: Volker Buzek)
  • "Horizon"-Theme (Screenshot: Volker Buzek)
  • "SAP Belize"-Theme (Screenshot: Volker Buzek)
  • Ein "dark theme" darf nie fehlen (hier: "SAP Belize dark"). (Screenshot: Volker Buzek)
cli des easy-ui5 Generators (Screenshot: Volker Buzek)

Tooling für UI5-Anwendungen

Stellenmarkt
  1. IT Security Penetration Tester (m/w/d)
    Vorwerk Services GmbH, Wuppertal, Düsseldorf
  2. Software Engineer (m/w/d) Schwerpunkt C#
    Thales Deutschland GmbH, Ditzingen
Detailsuche

Das offizielle UI5-Tooling von SAP ermöglicht das lokale Entwickeln von UI5-Anwendungen. Wie Easy-ui5 ist es in Node.js implementiert.

ui5 init bestückt eine (bestehende) UI5-App mit dem Tooling (Easy-ui5 erledigt das out of the box), ui5 use OpenUI5@latest wählt Framework-Variante und -Version. Anschließend genügt ein ui5 serve, um lokal einen Webserver samt UI5-Anwendungen zu starten - voilà!

  • cli des easy-ui5 Generators (Screenshot: Volker Buzek)
  • UI5: Tooling zum lokalen Starten einer Anwendung (Screenshot: Volker Buzek)
  • Typescript Controller in UI5 (Screenshot: Volker Buzek)
  • Quellcode einer UI5 Webcomponent (Screenshot: Volker Buzek)
  • "Horizon"-Theme (Screenshot: Volker Buzek)
  • "SAP Belize"-Theme (Screenshot: Volker Buzek)
  • Ein "dark theme" darf nie fehlen (hier: "SAP Belize dark"). (Screenshot: Volker Buzek)
UI5: Tooling zum lokalen Starten einer Anwendung (Screenshot: Volker Buzek)

Über die UI5-Community und die SAP Fiori Tools stehen zudem eine Menge npm-Module zur Verfügung, die das UI5-Tooling um spezielle Features erweitert. Der UI15 Ecosystem Showcase demonstriert diesen Plugin-Ansatz und ist Heimathafen verschiedener solcher Erweiterungen. Stellvertretend zu nennen seien Proxies zur Anbindung von Backend-Systemen sowie Live-Reloading zum (na ja) automatischen Neuladen der UI5-App nach Quellcode-Änderung.

SAP Fiori Elements: Das praktische Entwicklerhandbuch. Mit Implementierungsbeispielen für alle Floorplans (SAP PRESS)

Hauptsache, das Testing funktioniert

Golem Karrierewelt
  1. C++ Programmierung Grundlagen (keine Vorkenntnisse benötigt): virtueller Drei-Tage-Workshop
    01.-03.08.2022, virtuell
  2. Adobe Photoshop für Social Media Anwendungen: virtueller Zwei-Tage-Workshop
    29./30.06.2022, virtuell
Weitere IT-Trainings

Für Unit- und Komponententests stehen QUnit und dessen Erweiterung namens OPA5 zur Verfügung. QUnit gehört sicher nicht zu den Hipstern der Testing-Frameworks, ist aber langjährig einsatzerprobt und etabliert. Ein Charakteristikum, das kongruent ist mit den Enterprise-Eigenschaften von UI5 an sich, wo Rückwärtskompatibilität und Verlässlichkeit vor Unterstützung von Buzzword-Trends gehen (einen in Rust geschriebenen Bundler zur Optimierung von "Island Architectures" wird es für UI5 wahrscheinlich niemals geben).

Für Integrationstests wurde kürzlich auf wdi5 gewechselt - ein Plugin für Webdriver.IO, das die Fernsteuerung von Browsern über das Webdriver-Protokoll ermöglicht. Mit wdi5 lassen sich so UI5-Anwendungen sprichwörtlich durchklicken, um die Funktionen der Oberfläche nachhaltig abzusichern.

Bitte aktivieren Sie Javascript.
Oder nutzen Sie das Golem-pur-Angebot
und lesen Golem.de
  • ohne Werbung
  • mit ausgeschaltetem Javascript
  • mit RSS-Volltext-Feed
 SAP UI5 und Fiori: Die Optik von SAPAuf die Developer Experience kommt es an 
  1.  
  2. 1
  3. 2
  4. 3
  5.  


OutOfCoffee 13. Apr 2022 / Themenstart

Egal in welcher Version. Die SAP GUI war schon immer der größte Rotz mit der Anmutung...

OutOfCoffee 13. Apr 2022 / Themenstart

Garnicht fähig überhaupt ein Auto auf die Straße zu bringen. Die heutigen Autobauer sind...

ernstl 10. Apr 2022 / Themenstart

Sorry, aber selbst ohne SAP und unabhängig vom UI-Framework kann es je nach Datenquelle...

Techn 09. Apr 2022 / Themenstart

Es ging um eine übermäsige komplexe API, nur kurz dargestellt das es doch recht einfach...

Kommentieren



Aktuell auf der Startseite von Golem.de
Liberty Lifter
US-Militär lässt ein eigenes Ekranoplan entwickeln

In den 1960er Jahren schockten die Sowjets den Westen mit dem Kaspischen Seemonster. Die Darpa will ein eigenes, besseres Bodeneffektfahrzeug bauen.

Liberty Lifter: US-Militär lässt ein eigenes Ekranoplan entwickeln
Artikel
  1. Abo: Spielebranche streitet über Game Pass
    Abo
    Spielebranche streitet über Game Pass

    Nach Kritik von Sony gibt es mehr Stimmen aus der Spielebranche, die Game Pass problematisch finden - aber auch klares Lob für das Abo.

  2. Microsoft: Der Android-App-Store für Windows 11 kommt nach Deutschland
    Microsoft
    Der Android-App-Store für Windows 11 kommt nach Deutschland

    Build 2022 Der Microsoft Store soll noch attraktiver werden. So können Kunden ihre Apps künftig ohne lange Wartezeiten direkt veröffentlichen.

  3. Macht mich einfach wahnsinnig: Kelber beklagt digitale Inkompetenz von VW
    "Macht mich einfach wahnsinnig"
    Kelber beklagt digitale Inkompetenz von VW

    Der Bundesdatenschutzbeauftragte Ulrich Kelber hat vor einem Jahr ein Elektroauto bei VW bestellt. Und seitdem nichts mehr davon gehört.

Du willst dich mit Golem.de beruflich verändern oder weiterbilden?
Zum Stellenmarkt
Zur Akademie
Zum Coaching
  • Schnäppchen, Rabatte und Top-Angebote
    Die besten Deals des Tages
    Daily Deals • PS5-Controller (alle Farben) günstig wie nie: 49,99€ • Samsung SSD 1TB 79€ • LG OLED TV 77" 56% günstiger: 1.099€ • Alternate (u. a. Cooler Master Curved Gaming-Monitor 34" UWQHD 144 Hz 459€) • Sony-Fernseher bis zu 47% günstiger • Samsung schenkt 19% MwSt.[Werbung]
    •  /