Captivea Symfony permet de réaliser des applications web de façon structurée, avec un code clair et facilement maintenable. De son côté, Angular a l’avantage d’offrir de https://www.captivea.com/web/image/9366-fotolia_158451784.jpg

Réussir son intégration graphique avec Symfony et Angular

Justine Radice
Justine Radice
    12 juillet 2018
Main Cover

Symfony permet de réaliser des applications web de façon structurée, avec un code clair et facilement maintenable. De son côté, Angular a l’avantage d’offrir des SPA (Single Page Application) produites sur la base d’un code prêt à l’utilisation, au lieu de partir “from scratch”. Ces deux frameworks sont totalement indépendants, mais complémentaires et l’utilisation des deux s’avère optimale dans la plupart des développements d’applications web. Mais comment bien réussir ce couplage ?

Les avantages d’Angular

Nous vous préconisons d’utiliser Angular car il s’adapte facilement aux exigences des développeurs. De plus, c’est un framework promis à un bel avenir car sa technologie s’enrichit régulièrement. Développé par Google depuis 5 ans, Angular est particulièrement performant pour rendre les sites et applications web visuels et optimisés. Il est donc un très bon choix pour la création d’éléments visuels complexes. Mais, au delà du graphisme, faire le choix d’Angular comporte de nombreux avantages :

  • Diminuer le temps de chargement des pages

Le temps de chargement de pages web ou d’une application est un facteur important pour le succès de votre projet. Angular permet de concevoir des applications fluides et rapides dans un contexte “one page” (c’est-à-dire, sans rechargement de la page). Ainsi, la navigation de l’utilisateur devient plus agréable, car plus réactive.


Symfony Angular

 

        • Concevoir des applications responsives

        De plus en plus de personnes utilisent des tablettes ou smartphones pour effectuer des recherches. Il convient donc de créer des applications ou des sites Internet responsives. Avec Angular, il est simple de développer des applications web qui s’adaptent à tous supports.
        • Disposer d’une plateforme modulaire

        Le framework Angular permet de séparer les différentes directives de l’application en plusieurs composants. Cela rend le code extensible et modulable. Il est alors plus facile d’ajouter, de modifier ou de supprimer des directives. Ces dernières peuvent également être ré-utilisées dans de nouveaux projets, pour éviter de les créer à chaque fois.
        • Avoir accès à un excellent support

        Angular est un framework open-source, il est donc porté par sa communauté. Celle d’Angular est particulièrement importante et active. Cela permet donc aux développeurs d’obtenir rapidement des informations, des réponses à leurs questions, des tutoriels… Et ainsi de faire évoluer leurs compétences.
        • Diminuer son empreinte écologique

        À chaque besoin, Angular fait des demandes spécifiques, qui ne nécessite pas de recharger tout le projet à chaque fois. Il consomme donc moins d'énergie et est plus écologique.

        projet Symfony

         

        Intégration Symfony et Angular : les pré-requis

        Comme vous le savez déjà, Symfony vous permet de développer votre application web. Angular, quant à lui, servira surtout à rendre cette application attractive graphiquement. Les deux frameworks vont donc interagir pour donner le rendu final de votre application. Mais, pour cela, il convient de porter une attention particulière sur certains aspects :

        •  L’hébergement

        Dans un premier temps, nous vous conseillons d’héberger Symfony et Angular sur deux serveurs distincts. Sur le serveur hébergeant Symfony, vous aurez les données les plus sensibles : le code (aussi appelé intelligence) et le stockage des informations dans une base de données. Sur le serveur Angular, vous n’aurez pas de base de données : ainsi en cas de panne ou de piratage, vous ne perdrez aucune intelligence. Cela vous permet donc de renforcer la sécurité de votre infrastructure.


        • La version utilisée

        Angular a connu, depuis sa création, plusieurs versions majeures. Historiquement, Angular était écrit en langage JavaScript. À partir de la deuxième version, il est passé au langage TypeScript. Ce qui fonctionnait donc sur la version 1 ne fonctionne pas obligatoirement sur les versions supérieures.
        • L’authentification

        Pour que Symfony et Angular fonctionnent en parfaite harmonie, il est nécessaire de porter une attention particulière à l’authentification, pour qu’Angular puisse utiliser les informations stockées en base de données par l’intermédiaire de Symfony. Globalement, pour le rendu graphique d’une page, Angular va demander la donnée à Symfony, qui acceptera ou non de la lui communiquer. Généralement, vos développeurs spécifiques (un Angular et un Symfony), conviennent des formats et langages à utiliser. Cependant, si les deux serveurs ne sont pas connectés ou si les formats et langages diffèrent, Angular ne pourra pas récupérer les informations brutes et affichera des graphismes bruts sans données.
        • Les interfaces

        Pour le rendu visuel des applications web Angular , il existe plusieurs bibliothèques de composants graphiques. Les principales que nous vous conseillons sont Angular material et Prime NG. Cependant, d’autres existent et vous devriez trouver celle qui vous convient le mieux. Cela permet d’utiliser des composants standards, de les adapter à vos projets rapidement pour les personnaliser. Il est également possible de développer des interfaces spécifiques, mais cela demande l’intervention d’un intégrateur graphique :  cela est donc moins rapide et agile.

        Ainsi, l’utilisation de ces deux frameworks complémentaires garantie à votre application  la pérennité qu’elle mérite, grâce à des technologies front-end et back-end éprouvées. En effet, les combiner dans leur fonctionnement, tout en préservant leur indépendance sur des serveurs distincts assure la sécurité de vos données, enjeu majeur des technologies modernes. Vous optimisez également les performances de vos applications web, tout en préservant une interface utilisateur ergonomique et claire. Vous optimiserez ainsi l’expérience utilisateur en alliant modernité et confort d’utilisation.

        Captivea accompagne les entreprises dans leurs projets d'applications web avec Symfony.

        Téléchargez notre livre blanc Symfony

        Livre blanc Symfony

        D'autres articles pourraient vous intéresser : 

        démarrer projet symfony

        Comment démarrer votre projet Symfony ?

        Avec le framework Symfony, tous les projets sont réalisables. En effet, il est possible de répondre à tous les besoins. Lire la suite

        Roles RGPD

        Rôles RGPD : à qui les attribuer ?

        Le RGPD (Règlement Général sur la Protection des Données) est l’affaire de tous. D’une part, car cela concerne nos données personnelles, en tant que citoyen et d’autre part... Lire la suite

        Projet CRM

        Un projet CRM ? Direction Commerciale : faites le point sur vos besoins

        Avant de vous lancer corps et âme dans votre projet CRM, il est nécessaire de faire un état des lieux précis de vos attentes. Lire la suite

        intégrateur CRM

        Un projet CRM ? Comment bien choisir son intégrateur ?

        Le projet de déploiement d’un nouveau CRM au sein de votre entreprise est acté. Vous vous êtes assuré d’avoir le soutien indéfectible de la direction... Lire la suite

        Justine Radice

        Par Justine Radice , le 12 juillet 2018

        En tant que project Manager à Captivea, je publie sur ce blog des articles en lien avec les outils que nous déployons tous les jours pour nos clients.