Migration AngularJS vers Angular

Contexte

Harmonic édite VOS360/XOS, une plateforme de traitement et de diffusion vidéo. Un outil interne de monitoring de channels, intégré au produit, permet de superviser en temps réel les flux d’un service : bitrate, sources, processing et outputs.

Cet outil reposait sur AngularJS, un framework en fin de vie, et sur une architecture devenue difficile à maintenir. L’objectif : le migrer vers Angular en modernisant l’interface et en simplifiant l’architecture, sans interrompre le service rendu aux équipes.

Approche

• Audit de l’architecture existante et inventaire exhaustif des fonctionnalités
• Étude comparative des stratégies de migration (incrémentale vs réécriture), avec recommandation argumentée en faveur d’une réécriture
• Prototype interactif validé par l’équipe technique et les Product Owners avant tout développement
• Refonte de l’interface dans le respect des codes visuels de VOS360/XOS
• Migration complète vers Angular avec continuité fonctionnelle et montée de la couverture de tests

Décisions techniques

Le choix de la stratégie de migration était structurant dès le premier jour : il conditionnait la maintenabilité du produit à long terme. Une migration incrémentale aurait prolongé la cohabitation des deux frameworks ; la réécriture permettait de repartir sur une architecture simplifiée, à condition de sécuriser la parité fonctionnelle.

Cette parité a été garantie par l’inventaire initial des fonctionnalités et par une stratégie de tests systématique, unitaires avec Vitest et end-to-end avec WebdriverIO, dans un domaine métier, le monitoring vidéo, qu’il a fallu s’approprier rapidement.

Résultats

• Application entièrement migrée vers Angular, maintenabilité améliorée et dette technique réduite
• Couverture de tests portée de 40 % à 92 %
• Interface modernisée et simplifiée, cohérente avec l’identité du produit
• Besoins métier validés en amont grâce au prototype