Support technique
Documentation
Connexion
Nous contacter
Accédez directement au résumé généré par l'IA de cet article de blog 
Vous avez déjà mis à jour une vieille application Angular vers une version un peu moins ancienne, en pensant gagner du temps, pour finalement vous retrouver face à un mur d'avertissements de sécurité rouges dans votre terminal ? Vous pensez avancer, mais les vulnérabilités continuent de s'accumuler comme des tickets de parking impayés.
Au lieu de tout démolir ou d'expédier un code non sécurisé, la solution TuxCare de Endless Lifecycle Support (ELS) de TuxCare de TuxCare vous permet de corriger les vulnérabilités, de rester sécurisé et de vous aligner sur les meilleures pratiques de sécurité d'Angular, tout en gagnant du temps pour une mise à niveau appropriée sans le chaos.
Voyons comment commencer.
Le nouvel enfant du quartier... en quelque sorte
Si vous maintenez une application Angular héritée qui n'est plus officiellement prise en charge, vous êtes en bonne compagnie. Selon le site web de site web de npmil y a encore plus de 98 000 téléchargements hebdomadaires de la CLI Angular v16, preuve que de nombreuses équipes s'appuient encore sur des versions plus anciennes.
Le problème ? Un code plus ancien signifie des dépendances plus anciennes (et une liste croissante de problèmes de sécurité qui peuvent rapidement violer les meilleures pratiques de sécurité Angular si elles ne sont pas corrigées). Ce n'est pas que ces applications soient soudainement devenues mauvaises ; c'est que l'écosystème qui les entoure ne cesse d'évoluer et que les acteurs de la menace évoluent encore plus rapidement.
Au novembre 2024, Angular v16 a atteint sa fin de vie (EOL). Bien que vous puissiez toujours l'installer (ainsi que les versions précédentes), les mises à jour de sécurité officielles ont cessé.
Si votre application n'est pas encore prête pour une migration complète, c'est tout à fait normal ; la plupart des équipes de production privilégient d'abord la stabilité, puis la modernisation.
Dans les exemples ci-dessous, nous utiliserons Angular v16. La version la plus récente faisant encore l'objet d'un soutien actif est la v20.
Vous avez le choix
Migrer loin d'Angular, ou de tout autre framework existant, n'est pas aussi simple que de cliquer sur "Upgrade" et d'espérer le meilleur.
Si vous avez déjà vécu l'ère Bootstrap 3, vous savez que parfois "migrer" est plus facile à dire qu'à faire. Pour la plupart des organisations, ces anciennes applications Angular sont essentielles à la mission, étroitement liées aux systèmes dorsaux et ne peuvent pas être réécrites du jour au lendemain.
Vous souhaitez moderniser votre infrastructure, mais vous ne disposez peut-être pas des ressources nécessaires pour tout faire d'un seul coup. Cela ne signifie pas pour autant que vous deviez laisser votre pile sans protection, ni faire de compromis sur les meilleures pratiques de sécurité Angular en attendant.
Comment rester en sécurité sans tout réécrire dès maintenant
C'est exactement là que l'offre TuxCare de Endless Lifecycle Support (ELS) de TuxCare pour les bibliothèques de TuxCare.
ELS for Libraries maintient vos anciennes versions d'Angular corrigées et sécurisées longtemps après la fin du support officiel, vous aidant à maintenir les meilleures pratiques de sécurité Angular et à protéger vos applications de production tout en effectuant les mises à niveau selon votre propre calendrier.
Pas de temps d'arrêt, de perturbations ou de migrations pour se connecter à notre référentiel, et pas de réécriture "brûler les bateaux".
Voici ce qu'ELS for Libraries apporte aux utilisateurs d'Angular :
- Correctifs de sécurité continus pour les versions d'Angular en fin de vie.
- Protection contre les vulnérabilités nouvelles et évolutives, même celles qui ciblent des cadres obsolètes.
- La tranquillité d'esprit en matière de conformité, en montrant aux auditeurs que vos systèmes sont toujours patchés et surveillés.
- Une marge de manœuvre pour planifier votre migration - selon votre calendrier, et non celui du cadre.
Outre Angular, ELS for Libraries couvre également les versions en fin de vie de diverses bibliothèques open source, notamment CometD, Apache Struts, Apache Spark,Spring®, AngularJS, Netty, Vue, Next.js et bien d'autres.
Par exemple, les équipes confrontées à de récents changements de framework peuvent consulter notre analyse des implications de la fin de vie de Next.js ou découvrir ce qui se passe lorsqu'une organisation est confrontée à la fin de vie d'Apache Spark, afin de comparer ces cycles de support.
Configurer ELS pour les bibliothèques afin de sécuriser Angular
Vous trouverez ci-dessous une analyse de la façon dont vous pouvez utiliser ELS for Libraries de TuxCare (qui comprend la couverture d'Angular en fin de vie, parmi de nombreuses autres bibliothèques open-source) pour garder vos applications sécurisées et protégées.
Naviguez jusqu'à la page page Angular ELS dans la documentation du site web de TuxCare. Vous remarquerez que la page liée est dédiée aux versions d'Angular couvrant 9, 10, 11, 12, 13, 14, 15, 16, 17 et 18. L'exemple dans le code ci-dessous couvre Angular v16.
- Tout d'abord, vous avez besoin d'un nom d'utilisateur, d'un mot de passe et d'un jeton de TuxCare afin de modifier la ligne de registre avec le jeton. Une fois que vous avez ces informations d'identification, passez à l'étape 2, contactez [email protected] pour obtenir ce jeton.
- Naviguez jusqu'à la racine de votre répertoire Angular et créez un fichier .npmrc . C'est dans ce fichier que vous allez ajouter les informations de registre fournies par TuxCare.
my-angular-project/ ├── src/ ├── angular.json ├── package.json ├── .npmrc ⚠️ ← Créer it ici └── tsconfig.json
- Copiez et collez cette ligne et ajoutez-la au fichier .npmrc et sauvegardez. Assurez-vous de remplacer votre ${TOKEN} par celui qui vous a été fourni.
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}
- Ouvrez votre fichier package.json et remplacez le champ dépendances par les dépendances de TuxCare par les dépendances de TuxCare, comme ci-dessous, et sauvegardez.
"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]" },
- Vous devez supprimer node_modules et package-lock.jsonet vider le cache. Veillez à exécuter la commande ci-dessous.
rm -rf node_modules package-lock.json && npm cache clean --force
- Assurez-vous que votre version de npm est à jour. Ceci pour des raisons de sécurité et de conformité. Si vous n'utilisez pas une version de npm 9.6.3 ou plus récente, exécutez la commande ci-dessous.
npm install -g npm@latest
- Vous pouvez maintenant lancer la commande npm install pour installer la solution Angular v16 ELS.
npm installer
Le résultat ci-dessous est un exemple de ce à quoi il devrait ressembler. Les résultats peuvent varier.
ajout de 925 paquets et audit de 926 paquets en 3 mois 158 paquets sont à la recherche de financement lancer `npm fund` pour plus de détails 0 vulnérabilité trouvée
Réflexions finales
La fin de vie ne doit pas signifier la fin de la sécurité. Avec le support ELS (Endless Lifecycle Support) de TuxCare pour les bibliothèques, vous pouvez garder vos applications Angular sécurisées, conformes et en ligne avec les meilleures pratiques de sécurité Angular - longtemps après la fin du support officiel, et sans réécrire la fonctionnalité de base ou réviser votre pile.
Pour les développeurs et les équipes qui gèrent des applications critiques pour la production, ELS agit comme un filet de sécurité - en corrigeant les vulnérabilités en arrière-plan afin que vous puissiez vous concentrer sur la livraison de fonctionnalités, et non sur la chasse aux CVE.
Que vous mainteniez Angular v9, v16, ou tout ce qui se trouve entre les deux, TuxCare vous aide à combler le fossé entre les charges de travail d'aujourd'hui et les plans de mise à niveau de demain, sans temps d'arrêt, sans précipitation et sans surprise.
Vous voulez en savoir plus ?
Découvrez la liste complète des bibliothèques et des frameworks pris en charge à l'adresse suivante https://tuxcare.com/endless-lifecycle-support/libraries-eol-support/.
