black bicycle on gray concrete floor

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.

landing page framadate funky

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!

Si vous aimez ce que nous faisons à Cipher Bliss, vous pouvez nous soutenir de plusieurs façons: en faisant un micro don sur liberapay , ou en cryptomonnaies. Le plus simple nous pour nous faire connaître étant de partager cet article.
Suivez moi sur Mastodon @tykayn@mastodon.cipherbliss.com.
Ce site restera libre comme un gnou dans la nature et sans pubs, parce qu'on vous aime. Que la source soit avec vous!

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.