By

Dieser Artikel beleuchtet die Grundlagen und Best Practices für die Integration von Authentifizierungs- und Autorisierungsmechanismen in Angular-Anwendungen. Wir werden uns clientseitige Ansätze ansehen, die zur Absicherung von Angular-basierten Projekten beitragen, sowie gängige Herausforderungen und Lösungen in diesem Bereich diskutieren. Mit einem Fokus auf aktuelle Technologien und Methoden bietet dieser Artikel wertvolle Einblicke und Anleitungen für Entwickler:innen, die ihre Angular-Anwendungen sicherer und widerstandsfähiger gegenüber Bedrohungen machen wollen.

Moderne Architekturen mit Angular – Teil 1: Angular kommt häufig für das Frontend großer, unternehmenskritischer Lösungen zum Einsatz. Gerade in diesem Umfeld ist besonders auf eine gut wartbare Architektur zu achten. Gleichzeitig soll aber auch Over-Engineering vermieden werden. Aktuelle Features wie Standalone Components und Standalone APIs helfen dabei.

Software Design Patterns, oder deutsch Entwurfsmuster, finden sich überall und somit auch im Angular-Framework. Arbeitet man mit Angular, kommt man auch bei der Entwicklung täglich mit Design Patterns in Berührung. Wenn wir verstehen, wo diese Muster Verwendung finden, was sie tun und wie sie funktionieren, können wir sie auch besser nutzen. Das wiederum befähigt uns, bessere und robustere Anwendungen zu entwickeln.

Gemeinsam mit Standalone Components hat das Angular-Team die sogenannten Standalone APIs eingeführt. Sie bieten eine geradlinige Lösung zum Einrichten von Bibliotheken und kommen ohne Angular-Module aus. Populäre Beispiele von Bibliotheken, die diese Idee bereits aufgreifen, sind der HttpClient, der Router, aber auch NgRx. Diese Bibliotheken basieren auf einigen Mustern, die auch für eigene Vorhaben nützlich sind. Außerdem bieten sie den Konsument:innen unserer Bibliotheken vertraute Strukturen und Verhaltensweisen. In diesem Artikel stelle ich drei solcher Muster vor, die ich aus den genannten Bibliotheken abgeleitet habe. Der Quellcode mit den dazu verwendeten Beispielen findet sich unter [1].