Installer Django livereload
Exclusif Premium
Débloquez votre potentiel ! ✨
Cette session fait partie de notre programme Premium exclusif
+100h de formations exclusives
+180 exercices de code avancés
+100h de mentorats en réécriture
20 projets guidés pas à pas
Mentorats groupés hebdomadaires
Support individuel avec nos mentors
Prêt à passer au niveau supérieur ?
Découvrez tous les avantages Premium et transformez votre apprentissage dès aujourd'hui!
Inscris-toi
(c'est gratuit !)
Un compte est nécessaire pour participer aux discussions.
Créer un compteToutes les questions

Simon
29 août 2024
Résolue
4 réponses
Problème de mise à jour avec django-livereload-server
Hello, sur mon ordi avec django-livereload-server, j'ai observé un comportement dont je ne sais pas s'il est normal:
- les modifications sont bien prises en compte en direct quand je change quelque chose dans les fichiers css
- MAIS: quand je veux naviguer sur mon site en utilisant les liens hypertexte, j'arrive sur des pages sans mise en forme, même en faisant un refresh. Le seul moyen de retrouver la mise en forme est de modifier à nouveau du CSS.
Savez-vous comment améliorer ça?
Merci d'avance!
00:00:00 :Comme on va passer pas mal de temps à modifier notre fichier de style, donc le fichier style.css,on n'a pas envie à chaque fois de devoir aller rafraîchir ici notre navigateur. Heureusement,
00:00:10 :il existe différentes solutions qui nous permettent de recharger automatiquement leschangements. Comme ça, on va pouvoir modifier notre fichier ici css et avoir les changements
00:00:20 :automatiquement rechargés dans notre navigateur. Dans un terminal, je vais ouvrir le terminal ici,je vais installer à l'intérieur de mon environnement virtuel une application Djangoqui s'appelle Django Live Reload Server. Donc je fais pip install django-livereload-server.
00:00:36 :Je valide avec entrée, j'attends que l'installation se termine et ensuite on va aller dans notre fichiersettings.py, ajouter notre application, donc l'application Live Reload. Il faut l'ajouter
00:00:47 :avant l'application Static Files, donc avant cette application ici. Donc on va rajouter une ligne etici on va mettre l'application Live Reload. Et on n'oublie pas la virgule A à la fin. Et on va
00:00:57 :également rajouter un middleware. Donc un middleware c'est en fait tout simplement quelquechose qui va être entre la requête et la réponse. Donc là on voit qu'on en a plusieurs qui sont
00:01:08 :déjà dans notre fichier de settings et on va en rajouter un à la suite. Donc après le derniermiddleware, on va ajouter ce middleware ici. Donc live-reload.middleware.live-reload-script.
00:01:19 :Donc avec une majuscule sur le L, sur le R et sur le S. Donc live-reload middleware live-reloadscript. Une fois qu'on a fait ça, on va devoir lancer le serveur Live Reload et notre serveur
00:01:31 :Django. Donc on va faire python manage.py live-reload. On lance ça. Donc là vous voyez queça a lancé un serveur à cette adresse. Et on va ouvrir un nouvel onglet, donc un nouvel onglet du
00:01:43 :terminal. Et dans cet onglet, on va lancer donc le Run Server. Donc on va tout simplement lancernotre serveur qui lui est accessible à 127.0.0.1.8000. Et là on voit qu'on a Live Reload
00:01:55 :Request Emitted. Donc on va actualiser la page et on a bien notre page qui s'affiche ici. Et là doncc'est magique puisque si maintenant je retourne dans mon fichier steel.css et que je change le
00:02:04 :css, ça va automatiquement être rechargé dans ma vue ici. Alors il faut avec PyCharm forcer lesave. En fait on a un save qui se fait automatiquement, donc une sauvegarde qui se
00:02:15 :fait automatiquement sur nos fichiers avec PyCharm. Mais on ne sait pas trop exactementquand est-ce que ça se fait, ça se fait un peu tout seul sans qu'on ait besoin d'y penser. Mais
00:02:22 :heureusement on peut forcer cette sauvegarde avec Command S ou Control S sur Windows. Et donc si jefais Command S ici, vous allez voir qu'automatiquement on a les changements qui sont répercutés puisquec'est vraiment la sauvegarde qui va déclencher le rafraîchissement de la page. Donc là je peux
Ce n'est pas fini...
✋
Tu as complété % du parcours 🔥
Termine l'intégralité de la formation pour pouvoir débloquer ton attestation de réussite.