Fallstudie

Modernisierung einer gereiften Electron-Handwerksplanungs-Plattform — sieben Angular-Versionen, kein Rewrite

Abgeschlossen
Fertigung
Modernisierung einer gereiften Electron-Handwerksplanungs-Plattform — sieben Angular-Versionen, kein Rewrite

Zusammenfassung

Eine etablierte Trade-Design-Plattform für Handwerksbetriebe auf Basis von Angular und Electron hatte das Ende ihres unterstützten Technologie-Lebenszyklus erreicht: immer schwerer weiterzuentwickeln, immer angreifbarer. Ein eigenes zweiköpfiges dotWhite-Modernisierungsteam plante und führte den vollständigen Technologie-Refresh nach der ersten Übergabe eigenständig durch — und brachte die Anwendung ohne Rewrite und ohne Unterbrechung der laufenden Produktentwicklung auf einen aktuellen, unterstützten Stack.

Kunde

Howdens

Fertigung
Mit Sitz in Großbritannien
  • Angular (8 → 15)
  • Electron
  • TypeScript
  • Node.js
  • npm
  • MSAL & MSAL Angular v2
  • Angular Material
  • Storybook
  • ESLint
  • Azure DevOps
  • Electron Builder
  • ffi-napi
  • node-addon-api
Die Aufgabe

Herausforderung

Angular, Electron und Node.js unterstützen jeweils unterschiedliche Versionsbereiche, ein direkter Sprung auf die neueste Version war also nicht möglich — die Migration musste schrittweise durch mehrere Major-Versionen gehen und auf jeder Stufe die Kompatibilität prüfen und Breaking Changes auflösen. Microsofts neues Authentifizierungsmodell erforderte eine Neugestaltung großer Teile des Auth-Flows. Und eine kritische Drittanbieter-Bibliothek für die native Fensterverwaltung des Betriebssystems war eingestellt worden; ihr letztes Release enthielt Fehler, die die Integration mit neueren Runtimes blockierten.

Die Aufgabe
Unsere Lösung

Ergebnisse

Die Anwendung läuft auf einem aktuellen, unterstützten Technologie-Stack, die bestehende Funktionalität ist vollständig erhalten — ohne Rewrite. Wartbarkeit, Sicherheit und Zukunftsfähigkeit haben sich deutlich verbessert, und der Kunde entwickelt das Produkt mit modernem Tooling weiter. Umgesetzt von zwei Engineers, die nach der Übergabe eigenständig arbeiteten.

Unsere Lösung
Die Arbeit

Was wir gebaut haben

Eine schrittweise Migration von Angular 8 auf Angular 15, bei der Electron, Node.js, npm und TypeScript im Gleichschritt aktualisiert wurden — jede Stufe funktional abgesichert, bevor die nächste begann. Die Authentifizierungsschicht wurde auf MSAL und MSAL Angular v2 neu aufgebaut, einschließlich Änderungen an App-Registrierung und Konfiguration. Über die Frameworks hinaus: Migration von TSLint auf ESLint, Updates von Angular Material und Storybook, Behebung von Schwachstellen in Abhängigkeiten per npm audit und abgesicherte Kompatibilität nativer Module (ffi-napi, node-addon-api). Für die eingestellte Fensterverwaltungs-Bibliothek haben wir einen eigenen Fork erstellt und gepflegt, die zugrunde liegenden Fehler behoben und die gepatchte Version integriert — ohne kostspielige Architekturänderungen oder Funktionsverlust. End-to-End-Tests begleiteten jede Migrationsstufe.

Die Arbeit
Unterstützende Plattformen & Tools

Fazit

Viele Teams können eine neue Angular-Anwendung bauen. Deutlich weniger können ein ausgereiftes kommerzielles Electron-Produkt über sieben Major-Versionen tragen — mit nativen Modulen, neu gestalteter Authentifizierung und einer verwaisten Abhängigkeit — und es dabei jederzeit auslieferbar halten. Modernisierung unter Randbedingungen ist die seltenere Engineering-Fähigkeit.

Unterstützende Plattformen & Tools

Aktuelle News

Der Engpass war nie das Tippen
Unternehmens-News

Der Engpass war nie das Tippen

Jeder Nearshoring-Anbieter spricht über KI. Hier zeigen wir, worauf wir sie tatsächlich richten — Anforderungen, Testabdeckung und Code-Review — und warum das eine bewusste und keineswegs bescheidene Entscheidung ist.

Zur Story

Ein Ort, für den es sich lohnt reinzukommen
Unternehmens-NewsKarriere

Ein Ort, für den es sich lohnt reinzukommen

Wir sind in ein Haus mitten in Cluj-Napoca gezogen — 35+ Arbeitsplätze, Räume zum Nachdenken und Räume zum Austausch, und ein Garten, der sein erstes Barbecue schon hinter sich hat.

Zur Story

Sagen Sie uns, wo es klemmt

Wie geht es weiter?

Sie möchten eine mögliche Zusammenarbeit mit dotWhite ausloten? Nutzen Sie den Button unten, um uns eine Nachricht zu senden.

Oder noch besser: Buchen Sie direkt einen Termin über Calendly.

Nach oben