orgmode-to-gemini-blog/sources/cipherbliss_blog/lang_fr/20181010T104908__comment-integrer-un-front-end-angular-sur-un-site-web-en-symfony.org
2024-11-19 23:50:42 +01:00

2.7 KiB

comment-integrer-un-front-end-angular-sur-un-site-web-en-symfony

Comment intégrer un front end Angular sur un site web en Symfony

Tuto express pour intégrer un front end compilé avec un framework javascript dans un site web dynamiquement généré par un framework backend en PHP / Symfony (la version 6 vient de sortir).On initie un projet git pour le front, et un autre pour le back symfony.On range notre multi projet à coup de git submodule.On compile les sources du front dans un dossier accessible à symfony.On insère le js compilé dans un template twig en faisant en sorte que le JS soit toujours compilé avec le même nom de fichier de sortie.Et hop, on peut voir le tout intégré dans l'app symfony en local.Pour faciliter le flux de travail, on réalise un script de mise à jour qui s'occupe de réaliser ces étapes, comme ici pour le projet auquel j'ai grandement contribué de date-poll-api qui intègre le front end funky framadate.On déploie une démo qui permet de tester et de montrer que ça fonctionne.https://framagit.org/framasoft/framadate/funky-framadate-front/-/raw/develop/docs/img/landing_page.png

On documente tout ce fonctionnement afin de permettre une contribution pérenne, et on a plus qu'à contribuer à plusieurs, parfois juste en donnant un peu de temps ou d'argent à des gens qui peuvent apporter plus que nous ici et maintenant.Roulez jeunesse!