2024-11-19 13:49:39 +01:00
|
|
|
|
|
|
|
|
:PROPERTIES:
|
|
|
|
|
:ID: a9e4094a-b14f-4697-843c-e956b0394237
|
|
|
|
|
:END:
|
|
|
|
|
|
|
|
|
|
#+title: comment-integrer-un-front-end-angular-sur-un-site-web-en-symfony
|
|
|
|
|
#+post_ID: 1011
|
|
|
|
|
#+post_slug: comment-integrer-un-front-end-angular-sur-un-site-web-en-symfony
|
|
|
|
|
#+post_url: https://www.ciperbliss.com/2018/comment-integrer-un-front-end-angular-sur-un-site-web-en-symfony
|
|
|
|
|
#+post_title: Comment intégrer un front end Angular sur un site web en Symfony
|
|
|
|
|
#+post_tags: symfony, angular, front-end, back-end, webpack, script, devop
|
|
|
|
|
#+post_type: post
|
|
|
|
|
#+post_mime_types:
|
|
|
|
|
#+post_guid: undefined
|
|
|
|
|
#+post_status: publish
|
|
|
|
|
#+post_date_published: <2018-10-10T10:49:08>
|
|
|
|
|
#+post_date_modified: <2023-03-23T10:19:10>
|
|
|
|
|
#+post_index_page_roam_id: fa7f2a8c-2b94-4e42-bb4c-25c026ed7ff9
|
|
|
|
|
#+retrieved_from_db_at: <2024-11-18 16:25:08>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
* Comment intégrer un front end Angular sur un site web en Symfony
|
|
|
|
|
:PROPERTIES:
|
|
|
|
|
:CUSTOM_ID: comment-intégrer-un-front-end-angular-sur-un-site-web-en-symfony
|
|
|
|
|
:END:
|
|
|
|
|
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 [[https://symfony.com][PHP / Symfony]] (la version
|
|
|
|
|
6 vient de sortir).On initie
|
|
|
|
|
[[https://git-scm.com/book/fr][un projet git]] pour le front, et un
|
|
|
|
|
autre pour le back symfony.On range notre multi
|
|
|
|
|
projet à coup de
|
|
|
|
|
[[https://git-scm.com/book/en/v2/Git-Tools-Submodules][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
|
|
|
|
|
[[https://framagit.org/tykayn/date-poll-api/-/blob/master/update.sh][un
|
|
|
|
|
script de mise à jour]] qui s'occupe de réaliser ces étapes, comme ici
|
|
|
|
|
pour le projet auquel j'ai grandement contribué de
|
|
|
|
|
[[https://framagit.org/tykayn/date-poll-api][date-poll-api]] qui intègre
|
|
|
|
|
[[https://framagit.org/framasoft/framadate/funky-framadate-front][le
|
|
|
|
|
front end funky framadate]].On déploie
|
|
|
|
|
[[https://framadate-api.cipherbliss.com][une démo qui permet de tester
|
|
|
|
|
et de montrer que ça
|
2024-11-19 23:50:42 +01:00
|
|
|
fonctionne]].[[https://framadate-api.cipherbliss.com][https://framagit.org/framasoft/framadate/funky-framadate-front/-/raw/develop/docs/img/landing_page.png]]
|
|
|
|
|
|
|
|
|
|
[[https://www.cipherbliss.com/etre-contributrice-de-5-ans-et-le-rester/][On
|
2024-11-19 13:49:39 +01:00
|
|
|
documente tout ce fonctionnement afin de permettre une contribution
|
|
|
|
|
pérenne]], et on a plus qu'à contribuer à plusieurs, parfois juste en
|
|
|
|
|
donnant [[https://www.cipherbliss.com/budget-de-dons-annuels/][un peu de
|
|
|
|
|
temps ou d'argent]] à des gens qui peuvent apporter plus que nous ici et
|
|
|
|
|
maintenant.Roulez jeunesse!
|
|
|
|
|
|
