Seminar NeoNephos: Portale mit Luigi und OpenMFP entwickeln

Seminarbeschreibung

Viele Plattformen bestehen aus Diensten mit eigenständigen Benutzeroberflächen. Das Seminar zeigt, wie Luigi diese Oberflächen in einem gemeinsamen Navigations- und Interaktionsrahmen zusammenführt und wie OpenMFP die dynamische Integration unterstützt. Ein Portalprototyp verbindet zwei kleine Micro Frontends mit nachvollziehbaren Zuständigkeiten für Konfiguration, Anmeldung und Backend-Zugriff.

OpenMFP wird im Rahmen seines dokumentierten Vorschau- und Entwicklungsstands eingesetzt. Der Kurs konzentriert sich auf die verfügbaren Portal- und Integrationsfunktionen. Funktionen, die in Platform Mesh angesiedelt sind oder noch entwickelt werden, werden architektonisch eingeordnet und nicht als fertige Bestandteile der Übungsumgebung vorausgesetzt.

Inhaltsübersicht

• Portalarchitektur und Projektgrenzen
• Luigi-Anwendung und Navigation
• Micro Frontends und Kontext
• OpenMFP und dynamische Einbindung
• Anmeldung und sichere Integration
• Qualität und Weiterentwicklung

Portalarchitektur und Projektgrenzen

• Luigi Core, Client-Anbindung und die Rolle von OpenMFP in einer modularen Webanwendung unterscheiden.
• Grenzen zwischen Portal, Backend, Identitätsdienst und Plattform-API anhand eines Beispielsystems festlegen.
• Eine klare Verantwortlichkeit für Navigation, Sitzung und den Schutz fachlicher Backend-Funktionen vereinbaren.

Luigi-Anwendung und Navigation

• Eine vorbereitete Luigi-Shell konfigurieren und erste Navigationsknoten anlegen.
• Routen, Parameter und Fehleransichten konsistent gestalten; browserseitiges Verhalten mit den Entwicklungswerkzeugen prüfen.
• Vor- und Zurücknavigation sowie den direkten Aufruf einer tiefen Route auf konsistentes Verhalten prüfen.

Micro Frontends und Kontext

• Zwei getrennte Oberflächen integrieren und ihren jeweiligen technischen Lebenszyklus nachvollziehen.
• Kontextübergabe und freigegebene Kommunikation zwischen Rahmen und eingebundenen Oberflächen implementieren.
• Erforderlichen Kontext von optionalen Angaben trennen und fehlende Werte mit verständlichen Fehlerzuständen behandeln.

OpenMFP und dynamische Einbindung

• Content-Konfiguration und das verfügbare Registrierungsmodell der Testfassung anwenden.
• Eine zusätzliche Oberfläche einbinden und Abhängigkeiten von Portal-Konfiguration und Service-Metadaten untersuchen.
• Konfigurationsänderungen reproduzierbar versionieren und ihre Wirkung auf die bereits eingebundenen Oberflächen prüfen.

Anmeldung und sichere Integration

• Anmeldefluss und Sitzungszustand mit dem vorbereiteten Identitätsdienst nachvollziehen.
• Herkunftsprüfung, CORS, Einbettung und Backend-Berechtigung betrachten; ausgeblendete Navigation nicht als Zugriffsschutz verwenden.
• Mit Testkonten nachweisen, dass unzulässige Zugriffe am Backend auch bei direktem API-Aufruf abgewiesen werden.

Qualität und Weiterentwicklung

• Fehlerzustände, direkte Routenaufrufe, Kontextwechsel und unabhängig aktualisierte Oberflächen testen.
• Bedienbarkeit, Tastaturnutzung und konsistente Rückmeldungen prüfen; den Übergang vom Prototyp zur gehärteten Anwendung planen.
• Eine Oberfläche unabhängig aktualisieren und den vereinbarten Integrationsvertrag mit den übrigen Modulen überprüfen.

Praxisübungen

1. Eine Luigi-Shell starten, die Navigationsstruktur anlegen und zwei kleine Micro Frontends zunächst getrennt prüfen.
2. Die Oberflächen mit definiertem Kontext einbinden und Navigation sowie direkte Routenaufrufe testen.
3. Eine Oberfläche über die abgestimmte OpenMFP-Konfiguration registrieren und den Test-Anmeldefluss prüfen.
4. Einen unzulässigen Backend-Zugriff, einen fehlenden Kontext und einen Ausfall der eingebundenen Oberfläche nachstellen und die Rückmeldungen verbessern.

Schulungsumgebung

Der Kunde stellt Entwicklungsarbeitsplätze mit passender Node.js-Laufzeit, Browser, Editor und Git sowie eine vorbereitete OpenMFP-Testumgebung mit Identitätsdienst. Verwendet werden fiktive Dienste; der OpenMFP-Stand und verfügbare Integrationsfunktionen werden vorab festgelegt.