Technischer Support
Dokumentation
Anmeldung
Kontakt
Gehen Sie direkt zu einer KI-Zusammenfassung dieses Blogbeitrags 
Haben Sie schon einmal eine alte Angular-Anwendung auf eine etwas weniger alte Version aktualisiert, weil Sie dachten, dass Sie damit etwas Zeit gewinnen, nur um dann mit einer Wand aus roten Sicherheitswarnungen in Ihrem Terminal zuzuschlagen? Sie denken, dass Sie vorankommen, aber die Schwachstellen stapeln sich wie unbezahlte Strafzettel.
Anstatt alles zu zerlegen oder unsicheren Code auszuliefern, bietet der TuxCare Endloser Lebenszyklus-Support (ELS) gibt Ihnen die Möglichkeit, Schwachstellen zu patchen, sicher zu bleiben und sich an die Best Practices für Angular-Sicherheit zu halten, während Sie gleichzeitig Zeit für ein ordentliches Upgrade gewinnen, ohne dass es zu einem Chaos kommt.
Schauen wir uns an, wie Sie anfangen können.
Das neue Kind im Block... Irgendwie
Wenn Sie eine alte Angular-Anwendung verwalten, die nicht mehr offiziell unterstützt wird, befinden Sie sich in guter Gesellschaft. Laut der Website von npmgibt es immer noch über 98.000 wöchentliche Downloads der Angular v16 CLI, ein Beweis dafür, dass viele Teams immer noch auf ältere Versionen setzen.
Das Problem dabei? Älterer Code bedeutet ältere Abhängigkeiten (und eine wachsende Liste von Sicherheitsproblemen, die schnell die Best Practices für Angular-Sicherheit verletzen können, wenn sie nicht behoben werden). Es geht nicht darum, dass diese Anwendungen plötzlich schlecht geworden sind, sondern darum, dass sich das Ökosystem um sie herum weiterentwickelt und die Bedrohungsakteure sich noch schneller bewegen.
Stand: November 2024hat hat Angular v16 das Ende seiner Lebensdauer (EOL) erreicht. Sie können es (und andere frühere Versionen) zwar weiterhin installieren, offizielle Sicherheitsupdates werden jedoch nicht mehr bereitgestellt.
Wenn Ihre App noch nicht für eine vollständige Migration bereit ist, ist das völlig normal; für die meisten Produktionsteams steht Stabilität an erster Stelle und die Modernisierung an zweiter Stelle.
In den folgenden Beispielen verwenden wir Angular v16. Die neueste Version, die noch aktiv unterstützt wird, ist v20.
Sie haben die Wahl
Die Migration von Angular oder einem anderen Legacy-Framework ist nicht so einfach, wie auf "Upgrade" zu klicken und auf das Beste zu hoffen.
Wenn Sie die Bootstrap-3-Ära miterlebt haben, wissen Sie, dass "einfach migrieren" manchmal leichter gesagt als getan ist. Für die meisten Unternehmen sind diese älteren Angular-Anwendungen geschäftskritisch, eng mit Backend-Systemen verbunden und können nicht einfach über Nacht umgeschrieben werden.
Sie möchten modernisieren, verfügen aber vielleicht nicht über die nötigen Ressourcen, um alles auf einmal umzusetzen. Das bedeutet jedoch nicht, dass Sie Ihre Anwendungsumgebung ungeschützt lassen oder Abstriche bei den Best Practices für die Angular-Sicherheit machen müssen, während Sie abwarten.
Wie Sie sicher bleiben können, ohne gleich alles umzuschreiben
Genau hier setzt der TuxCare Endless Lifecycle Support (ELS) für Bibliotheken ins Spiel kommt.
ELS for Libraries sorgt dafür, dass Ihre älteren Angular-Versionen auch dann noch gepatcht und sicher sind, wenn der offizielle Support abgelaufen ist. So können Sie die Best Practices für Angular-Sicherheit beibehalten und Ihre Produktionsanwendungen schützen, während Sie das Upgrade nach Ihrem eigenen Zeitplan durchführen.
Keine Ausfallzeiten, Unterbrechungen oder Migrationen, um eine Verbindung zu unserem Repository herzustellen, und kein "Burn the boats"-Umschreiben.
Das bietet ELS for Libraries für Angular-Benutzer:
- Laufende Sicherheitspatches für auslaufende Angular-Versionen.
- Schutz vor neuen und sich entwickelnden Schwachstellen, auch vor solchen, die veraltete Frameworks betreffen.
- Sicherheit bei der Einhaltung von Vorschriften, indem Sie Auditoren zeigen, dass Ihre Systeme gepatcht und überwacht sind.
- Freiraum für die Planung Ihrer Migration - nach Ihrem Zeitplan, nicht nach dem des Rahmens.
Neben Angular umfasst ELS for Libraries auch veraltete Versionen verschiedener Open-Source-Bibliotheken, darunter CometD, Apache Struts, Apache Spark,Spring®, AngularJS, Netty, Vue, Next.js und viele andere.
Teams, die sich derzeit mit aktuellen Änderungen an Frameworks auseinandersetzen, können beispielsweise unsere Analyse zu den Auswirkungen des End-of-Life von Next.js lesen oder sich darüber informieren, was passiert, wenn ein Unternehmen mit dem Ende des Lebenszyklus von Apache Spark konfrontiert ist, um zu sehen, wie sich diese Supportzyklen im Vergleich darstellen.
Einrichten von ELS für Bibliotheken zur Sicherung von Angular
Im Folgenden erfahren Sie, wie Sie mit ELS for Libraries von TuxCare (das neben vielen anderen Open-Source-Bibliotheken auch Angular abdeckt) Ihre Anwendungen sicher und geschützt halten können.
Navigieren Sie zur Angular ELS-Seite in der Dokumentation auf der TuxCare-Website. Sie werden feststellen, dass die Seite, die verlinkt ist, den Versionen von Angular gewidmet ist, die 9, 10, 11, 12, 13, 14, 15, 16, 17 und 18 umfassen. Das Beispiel im folgenden Code bezieht sich auf Angular v16.
- Als Erstes benötigen Sie einen Benutzernamen, ein Kennwort und ein Token von TuxCare, um die Registrierungszeile mit dem Token ändern zu können. Sobald Sie diese Zugangsdaten haben, fahren Sie mit Schritt 2 fort und wenden sich an [email protected] für dieses Token.
- Navigieren Sie zum Stammverzeichnis Ihres Angular-Verzeichnisses und erstellen Sie eine .npmrc Datei. In diese Datei fügen Sie die von TuxCare bereitgestellten Registrierungsinformationen ein.
my-angular-project/ ├── src/ ├── angular.json ├── package.json ├── .npmrc ⚠️ ← erstellen es hier └── tsconfig.json
- Kopieren Sie diese Zeile und fügen Sie sie in die Datei .npmrc Datei ein und speichern Sie sie. Stellen Sie sicher, dass Sie Ihre ${TOKEN} durch den Ihnen zur Verfügung gestellten ersetzen.
registry=https://registry.npmjs.org/ @els-js:registry=https://nexus.repo.tuxcare.com/repository/els_js/ //nexus.repo.tuxcare.com/repository/els-js/:_auth=${TOKEN}
- Öffnen Sie Ihre package.json Datei und ersetzen Sie die Abhängigkeiten Block mit den TuxCare Abhängigkeiten, wie unten, und speichern Sie.
"dependencies": { "@angular/animations": "npm:@els-js/[email protected]", "@angular/common": "npm:@els-js/[email protected]", "@angular/compiler": "npm:@els-js/[email protected]", "@angular/core": "npm:@els-js/[email protected]", "@angular/forms": "npm:@els-js/[email protected]", "@angular/platform-browser": "npm:@els-js/[email protected]", "@angular/platform-browser-dynamic": "npm:@els-js/[email protected]", "@angular/router": "npm:@els-js/[email protected]", "rxjs": "^7.4.0", "tslib": "^2.3.0", "zone.js": "~0.13.0" }, "devDependencies": { "@angular-devkit/build-angular": "^16.2.12", "@angular/cli": "^16.2.12", "@angular/compiler-cli": "npm:@els-js/[email protected]", "@types/jasmine": "~4.3.0", "@types/node": "^18.7.0", "jasmine-core": "~4.6.0", "karma": "~6.4.0", "karma-chrome-launcher": "~3.2.0", "karma-coverage": "~2.2.0", "karma-jasmine": "~5.1.0", "karma-jasmine-html-reporter": "~2.1.0", "typescript": "~5.1.3" }, "overrides": { "@angular/animations": "npm:@els-js/[email protected]", "@angular/common": "npm:@els-js/[email protected]", "@angular/compiler": "npm:@els-js/[email protected]", "@angular/core": "npm:@els-js/[email protected]", "@angular/forms": "npm:@els-js/[email protected]", "@angular/platform-browser": "npm:@els-js/[email protected]", "@angular/platform-browser-dynamic": "npm:@els-js/[email protected]", "@angular/compiler-cli": "npm:@els-js/[email protected]", "@angular/router": "npm:@els-js/[email protected]", "@babel/runtime": "7.26.10", "esbuild": "0.25.0", "rxjs": "^7.4.0", "[email protected]": "npm:@els-js/[email protected]", "[email protected]": "npm:@els-js/[email protected]", "[email protected]": "npm:@els-js/[email protected]", "[email protected]": "npm:@els-js/[email protected]" },
- Sie müssen Folgendes entfernen node_modules und package-lock.jsonentfernen und den Cache leeren. Führen Sie unbedingt den folgenden Befehl aus.
rm -rf node_modules package-lock.json && npm cache clean --force
- Stellen Sie sicher, dass Ihre npm-Version auf dem neuesten Stand ist. Dies geschieht aus Sicherheits- und Compliance-Gründen. Wenn Sie keine Version von npm verwenden 9.6.3 oder höher verwenden, führen Sie den folgenden Befehl aus.
npm installieren -g npm@latest
- Jetzt sollten Sie den Befehl npm install ausführen können, um die Angular v16 ELS-Lösung zu installieren.
npm installieren
Die folgende Ausgabe ist ein Beispiel dafür, wie sie aussehen sollte. Ihre Erfahrungen können variieren.
925 zusätzliche Pakete und 926 geprüfte Pakete in 3 Mio. 158 Pakete sind auf der Suche nach Finanzierung Führen Sie `npm fund` für Details aus 0 Schwachstellen gefunden
Abschließende Überlegungen
End-of-Life muss nicht gleichbedeutend mit dem Ende der Sicherheit sein. Mit dem Endless Lifecycle Support (ELS) für Bibliotheken von TuxCare können Sie Ihre Angular-Apps sicher, konform und im Einklang mit den Best Practices für Angular-Sicherheit halten - auch lange nach dem Ende des offiziellen Supports und ohne die Kernfunktionalität umzuschreiben oder Ihren Stack zu überarbeiten.
Für Entwickler und Teams, die produktionskritische Anwendungen verwalten, fungiert ELS wie ein Sicherheitsnetz - es patcht Schwachstellen im Hintergrund, so dass Sie sich auf die Bereitstellung von Funktionen konzentrieren können, anstatt CVEs nachzujagen.
Egal, ob Sie Angular v9, v16 oder irgendetwas dazwischen warten, TuxCare hilft Ihnen, die Lücke zwischen den heutigen Arbeitslasten und den Upgrade-Plänen von morgen zu schließen - ohne Ausfallzeiten, ohne Eile, ohne Überraschungen.
Möchten Sie mehr erfahren?
Die vollständige Liste der unterstützten Bibliotheken und Frameworks finden Sie unter https://tuxcare.com/endless-lifecycle-support/libraries-eol-support/.
