‫Instructeur : Donc, après tout
‫ce temps et tout ce travail pour construire cet énorme projet complet,
‫il est enfin temps de le déployer vraiment sur
‫un serveur Web et de vraiment le partager avec le monde.
‫Ainsi, dans cette vidéo, vous
‫apprendrez à déployer un projet sur Heroku.
‫Et la première chose que nous
‫devons faire est d'installer Heroku sur notre ordinateur.
‫Alors, recherchons simplement Heroku NodeJS.
‫Et donc, ici, nous avons essentiellement
‫un guide de démarrage pour NodeJS avec Heroku,
‫car vous pouvez héberger toutes sortes d'applications sur
‫Heroku comme les applications PHP ou Ruby on Rails.
‫Donc, cela ne fonctionne pas seulement pour NodeJS.
‫Et, nous examinerons Heroku de plus près dans une
‫seconde, mais pour l'instant, commençons simplement par installer
‫ce programme ici.
‫Donc, je suis dans la partie configuration de ce guide ici.
‫Et donc, maintenant, allez-y et installez le
‫programme d'installation pour votre plate-forme, qu'il s'agisse de
‫macOS, Windows ou Linux.
‫Ou, dans ce cas ici, je suppose que cela ne fonctionne que pour Ubuntu.
‫Non, en fait, il est dit ici qu'il
‫est également disponible pour d'autres Linux.
‫Quoi qu'il en soit, veuillez installer
‫la version dont vous
‫avez besoin pour votre ordinateur, puis, en attendant,
‫pendant l'installation, continuez et créez un nouveau compte.
‫Alors, cliquez ici sur
‫S'inscrire, puis ouvrez votre compte Heroku gratuit.
‫Donc, encore un autre compte que vous devez créer.
‫Donc, il y a vraiment beaucoup de
‫comptes différents que vous devez créer pour mener à bien ce
‫projet, mais je suppose que c'est ainsi que fonctionne le développement Web moderne.
‫Quoi qu'il en soit, une fois
‫votre compte créé, jetons un coup d'œil ici sur
‫le site Web Heroku pour avoir un aperçu de ce qu'est cette plate-forme.
‫Ainsi, Heroku est cette
‫plate-forme qui rend vraiment, vraiment facile et sans tracas
‫le déploiement de vos applications Web.
‫Et, encore une fois, ils peuvent utiliser n'importe quelle langue
‫que vous pouvez imaginer.
‫Comme vous le voyez, NodeJS, Ruby
‫on Rails, celui-ci je suppose est Go, ou
‫en fait c'est Java, ou PHP, Python, celui-ci est Go, non?
‫Et donc, toutes sortes d'applications fonctionnent vraiment sur Heroku.
‫Alors, voyons ce qu'ils disent ici.
‫Et, je suppose que ce n'est surtout que du marketing.
‫Donc, rien de trop intéressant ici.
‫Mais, bien sûr, vous pouvez jeter un œil
‫ici à tous ces différents manuels.
‫Et, en fait, il est gratuit de commencer avec
‫Heroku sur une application vraiment basique.
‫Mais, bien sûr, une fois que vous aurez commencé à augmenter votre
‫niveau, vous devrez commencer à payer.
‫Mais, ici, la version gratuite, comme vous pouvez
‫le voir, est livrée avec toutes les fonctionnalités de base de la plate-forme.
‫Vous pouvez même ajouter des domaines personnalisés.
‫Mais, le seul problème avec
‫cela est que l'application va fondamentalement dormir, donc,
‫fondamentalement, après 30 minutes
‫sans que personne n'accède à l'application.
‫Mais, de toute façon, vous pouvez
‫jeter un œil à tout cela par vous-même.
‫Donc, revenons maintenant à notre projet ici.
‫Et, pour commencer le processus de déploiement,
‫commençons par nous connecter à Heroku sur notre ligne de commande.
‫Et cela va fonctionner grâce à l'installation que nous venons
‫de faire.
‫Très bien, laissons-lui un peu plus d'espace ici.
‫Nettoyez cela et écrivez maintenant la connexion heroku.
‫Donc, si votre installation Heroku a réussi, en tapant
‫heroku login, vous devriez voir ce message ici, appuyez sur n'importe
‫quelle touche pour ouvrir le navigateur.
‫Donc, appuyez simplement sur n'importe quelle touche, comme il est
‫dit, à l'exception de Q car cela quittera l'application.
‫Et donc, cela va alors ouvrir une fenêtre pour vous où
‫vous pouvez vous connecter.
‫Et, après cela, comme par magie,
‫vous serez connecté à Heroku dans votre ligne de commande.
‫Donc, cela devrait probablement prendre un peu et
‫parfois, cela ne fonctionne même pas du premier coup.
‫Donc, en fait, cela m'est déjà arrivé.
‫Et donc, appuyez simplement sur le contrôle C.
‫Et donc, sur un Mac, c'est vraiment le contrôle C, pas la commande C.
‫Et. Essayons encore.
‫Appuyez sur n'importe quelle touche, revenez au navigateur, reconnectez-vous.
‫Revenez en arrière, et ainsi c'est fait.
‫Donc, vous voyez, maintenant je suis connecté avec mon adresse e-mail.
‫Donc, encore une fois, ce n'était pas la
‫première fois que cela ne fonctionnait pas pour moi la première fois.
‫Et donc, si cela
‫vous est arrivé, alors faites-le exactement comme je l'ai fait ici.
‫Quoi qu'il en soit, maintenant, avec
‫cela, nous sommes connectés à Heroku ici dans
‫notre console et nous devrions donc maintenant pouvoir créer un nouveau projet.
‫Maintenant, avant de faire cela, nous devons en fait changer
‫quelque chose dans notre package NPM. fichier json.
‫Alors, celui-ci.
‫Et c'est parce que Heroku
‫utilise en fait notre commande de démarrage ici pour démarrer notre application.
‫Maintenant, en production, nous ne voulons pas utiliser nodemon ici.
‫Nous voulons simplement exécuter notre
‫application à l'aide de la commande node et non
‫de nodemon car celle-ci est uniquement destinée au développement.
‫Et donc, changeons cela et je dupliquerai cette ligne, puis
‫nous appellerons celle-ci dev.
‫Et puis, celui de départ ne sera que node.
‫Donc, encore une fois, dans votre colis. json, vous devriez
‫toujours avoir ce script de démarrage comme celui-ci.
‫Donc, la commande node puis votre point d'entrée.
‫Maintenant, il est également important pour
‫Heroku que vous spécifiiez ces moteurs ici.
‫Et donc, nous l'avons fait avant,
‫je pense, parce qu'un
‫package, ou en fait parce qu'ESLint l'exigeait pour fonctionner correctement.
‫Mais, si nous ne l'avions pas défini
‫à l'époque, eh bien, nous aurions besoin de le définir vraiment à ce stade.
‫Maintenant, puisque nous avons
‫modifié ce fichier, nous devons maintenant valider ces modifications dans
‫notre référentiel, alors git add package. json ici.
‫Et puis, git commit.
‫Et puis, avec un message de commit utile.
‫Maintenant, une autre chose qui est vraiment importante
‫lorsque vous déployez une application sur Heroku est que vous écoutez
‫le port au processus. env. PORT.
‫Donc, ici même dans le serveur, nous le faisons ici.
‫Ainsi, nous spécifions la variable de port comme process. env. PORT.
‫Et donc, encore une fois, sur Heroku, c'est absolument obligatoire car
‫sinon, cela ne fonctionnera pas du tout.
‫Donc, si ici, par exemple, nous
‫venons de spécifier un port aléatoire, comme 3000
‫ici, alors cela
‫ne fonctionnerait vraiment pas et
‫c'est parce qu'en coulisse, Heroku affectera en fait un port
‫aléatoire à cette variable d'environnement.
‫Mais, un peu plus à ce sujet dans
‫une seconde car maintenant, nous
‫sommes vraiment prêts à faire le déploiement réel.
‫Et, pour ce faire, nous créons un tout nouveau projet Heroku
‫dans notre dossier de projet.
‫Donc, assurez-vous que vous êtes vraiment dans votre dossier racine,
‫puis, une fois que
‫vous êtes sûr d'y être et que vous êtes connecté
‫à Heroku, ce que nous avons fait auparavant, vous pouvez alors écrire heroku create.
‫Et cela créera alors une nouvelle application avec un
‫nom complètement aléatoire.
‫Donc, dans mon cas, c'est radiant-springs et ensuite
‫ce numéro, mais votre application
‫aura bien sûr un nom complètement différent.
‫Maintenant, cela a
‫en fait créé une nouvelle branche distante
‫dans notre référentiel Git.
‫Et, cette branche s'appelle heroku.
‫Alors, rappelez-vous comment auparavant, dans l'une des conférences précédentes, nous
‫avons ajouté une branche distante pointant vers GitHub
‫et cette branche s'appelait origin.
‫Et donc, nous avons ensuite poussé notre code vers
‫cette branche distante en utilisant git push origin master, donc comme ça.
‫Vous vous en souvenez ?
‫Et donc, maintenant, comme
‫je l'ai mentionné, nous avons une nouvelle branche distante ici, qui s'appelle heroku.
‫Et donc, vraiment, le processus de déploiement de notre application
‫est aussi simple que de pousser notre code vers cette branche distante.
‫Alors, git push heroku master.
‫Et, il doit vraiment s'agir de la branche principale.
‫C'est la seule branche pour laquelle ce déploiement fonctionne.
‫Mais, dans notre cas, comme vous
‫le voyez ici, nous sommes en fait dans
‫notre branche master et vous pouvez également le voir ici dans le coin de VS Code.
‫Et donc, ce n'est pas un problème.
‫Alors, exécutons maintenant cette commande,
‫qui devrait alors prendre un certain
‫temps car, bien sûr, elle téléchargera tous vos fichiers
‫qui se trouvent dans le référentiel jusqu'à Heroku.
‫Et maintenant, vous voyez tout ce processus ici en cours et donc
‫ce que
‫cela fait, c'est qu'il installe en fait toutes nos dépendances
‫ici dans notre nouvelle application.
‫Donc, dans notre application qui est maintenant sur Heroku.
‫Alors, attendons que cela soit fait
‫et je vous reverrai lorsque ce processus sera terminé.
‫Et voilà, c'est fait.
‫Donc, j'espère que vous avez reçu le message, Vérification du déploiement... Fini.
‫Donc, vous voyez, le lancement, et cela signifie vraiment que
‫notre application est maintenant déployée sur Heroku
‫sur cette URL.
‫Donc, vous voyez la construction réussir.
‫Et, vraiment, tous ces messages dont
‫j'ai déjà parlé avant.
‫Et donc, maintenant, pour ouvrir
‫notre application, il suffit d'écrire heroku open.
‫Maintenant, nous ne nous attendons pas à ce
‫que cela fonctionne pour l'instant car toutes nos
‫variables d'environnement ne
‫sont en fait pas définies car nous avons exclu ce fichier de configuration
‫ici de notre référentiel Git.
‫Mais, encore, juste pour
‫le plaisir, essayons en fait d'ouvrir notre application.
‫Et donc, en effet, cela ouvre notre URL, dans ce
‫cas, à radiant-springs-85848. herokuapp. com.
‫Donc, en gros, c'est le sous-domaine de Heroku.
‫Et donc, encore une fois, comme
‫prévu, nous avons en fait eu une erreur ici.
‫Et, encore une fois, c'est parce que nos variables d'environnement
‫ne sont, à ce stade, pas encore définies.
‫Maintenant, nous pouvons également jeter un œil à
‫ces erreurs dans les journaux Heroku.
‫Alors, laissez-moi vous montrer cela aussi.
‫Donc, les journaux heroku --tail.
‫Donc, ici, vous voyez que l'état est passé de stockage à planté, alors
‫voyons ce que nous avons ici.
‫En fait, vous voyez le message d'erreur
‫que nous avons créé nous-mêmes ici.
‫Alors, UNCAUGHT EXECEPTION avec cet emoji,
‫puis Shuting down...
‫Et, vous voyez
‫ici, Impossible de lire la propriété « remplacer » d'undefined.
‫Et donc, encore une fois, c'est parce que les variables d'environnement
‫ne sont pas définies à ce stade.
‫Alors, quittons ces journaux ici, encore une fois, avec le contrôle C.
‫Et donc, maintenant, définissons
‫réellement ces variables d'environnement afin
‫de faire fonctionner notre application.
‫Et pour
‫cela, nous spécifions chaque variable d'environnement à
‫l'aide d'une commande spéciale Heroku.
‫Ainsi, Heroku et les autres plates-formes d'hébergement n'utilisent pas
‫de fichier . env comme nous l'avons
‫fait ici en développement pour toutes nos variables de configuration.
‫Donc, encore une fois, ici en développement, nous utilisons cette config. env pour mettre nos
‫variables d'environnement.
‫Mais, ici dans Heroku, nous allons les définir
‫d'une manière différente.
‫Mais, dans notre code, tout ce que
‫nous avons fonctionne exactement de la même manière.
‫Commençons donc par la variable
‫NODE_ENV que nous devons définir sur production.
‫Et donc, nous le faisons en disant heroku config:set puis
‫le nom de la variable, NODE_ENV=production.
‫Et, en fait, cette variable NODE_ENV est
‫en fait définie par défaut sur la production par Heroku.
‫Mais, tout de même, assurons-nous à 100%
‫que cela reste vraiment ainsi,
‫même si Heroku change quelque chose.
‫Donc, vraiment, pour être sûr, continuons de le faire
‫car, comme nous le savons, une grande partie de notre code
‫dépend en fait de cette variable et
‫cela peut également permettre aux applications Node de s'exécuter jusqu'à trois fois plus rapidement.
‫Je pense que nous en avons déjà parlé.
‫D'où l'importance de mettre NODE_ENV en production.
‫Mais, de toute façon, c'est une bonne chose de le faire réellement.
‫Donc, appuyez simplement sur retour et
‫il définira ensuite cette variable d'environnement
‫et redémarrera l'application.
‫Et donc, maintenant, tout ce que nous
‫avons à faire est de
‫le faire pour toutes les variables d'environnement pertinentes.
‫Donc, nous avons fait NODE_ENV, maintenant, le port, nous ne le définirons
‫pas car, comme je l'ai
‫mentionné précédemment, Heroku affectera en fait,
‫dans les coulisses, un port aléatoire à notre application.
‫Et donc, ajoutons ensuite la base de données.
‫Et, en fait, copions tout cela.
‫Et puis, collez-le ici.
‫Et, cela n'a pas vraiment fonctionné,
‫alors essayons cela avec quelques citations ici peut-être.
‫Oui, ça a l'air beaucoup mieux.
‫Ensuite, le mot de passe de la base de données.
‫Clarifions-le ici.
‫Ensuite, le secret.
‫Alors, juste comme ça.
‫Et donc, c'est un peu ennuyeux de le faire pour tous,
‫mais bon, on n'a qu'à le faire
‫une fois, donc ce n'est pas vraiment grave.
‫Maintenant, nous avons également besoin de celui-ci ici
‫car tout cela ici est juste pour mailtrap et
‫nous n'en avons pas besoin en production car rappelez-vous que
‫lorsque nous sommes en production, tous nos e-mails
‫sont en fait envoyés à l'aide de SENDGRID et non
‫plus à l'aide de mailtrap.
‫Et donc, dans notre application Heroku,
‫nous n'en avons pas besoin pour les variables.
‫Mais, nous avons besoin de l'e-mail de.
‫Alors, c'est notre prochain.
‫Ensuite, nous devons SENDGRID_USERNAME ainsi que
‫le mot de passe.
‫Et enfin, notre clé secrète à rayures.
‫Et, avec cela, je
‫pense que nous avons toutes nos variables pertinentes définies ici.
‫Et donc, essayons à nouveau, heroku ouvert.
‫Et ça a l'air parfait, magnifique.
‫Donc, vraiment, notre application est maintenant déployée sur
‫des ressorts radiants ou tout ce que vous avez dans votre cas
‫et tout semble fonctionner à merveille.
‫Donc, toutes nos images sont ici.
‫Jetons un coup d'œil à une seule page ici aussi.
‫Et, en effet, tout cela fonctionne à merveille.
‫Ainsi, notre carte apparaît également.
‫Et oui, ça a l'air de bien fonctionner.
‫Et, le fait que tout cela fonctionne de manière si transparente montre
‫également la beauté
‫d'avoir une base de données hébergée tout le temps,
‫même pendant le développement, car
‫peu importe que nous soyons en
‫développement ou en production, notre base de données continue de fonctionner.
‫Donc, si nous avions utilisé une base
‫de données locale, alors maintenant, nous aurions dû exporter
‫toutes les données de cette base de données locale, puis créer une base de
‫données hébergée et télécharger toutes les données sur cette base de données hébergée.
‫Et donc, cela créerait, bien sûr, une étape supplémentaire
‫et du travail supplémentaire.
‫Et, encore une fois, avec ça, ça marche.
‫Donc, c'est une très belle expérience de développeur là-bas.
‫Voyons donc si nous pouvons également nous connecter ici,
‫ce qui devrait bien sûr être possible
‫avec laura@exemple 2, 3, 4.
‫Et, il semble que oui.
‫Si beau.
‫Voyons si toutes nos tournées de livres sont toujours là, mais
‫pourquoi ne le feraient-elles pas ?
‫Et, effectivement, eh bien, c'est en fait un seul,
‫mais, en effet, il est ici.
‫Alors, super, c'est absolument fantastique.
‫Et maintenant, jetons un coup d'œil
‫rapide à notre tableau de bord Heroku.
‫Alors, ici, ouvrons Heroku.
‫Fermez ces deux.
‫Et donc, puisque nous nous sommes
‫connectés précédemment ici, cela devrait nous amener automatiquement au tableau de
‫bord et ce tableau de bord vous montrera alors, par
‫défaut, toutes les applications que vous avez actuellement déployées.
‫Et donc, celui que nous venons de
‫déployer est ce radiant-springs ici.
‫Alors, ouvrons celui-là.
‫Ensuite, ici, sur le
‫côté droit, vous pouvez voir toute l'activité.
‫Par exemple, définir toutes ces variables de configuration que
‫nous venons de faire.
‫Vous avez vos ressources et beaucoup d'entre elles ne sont intéressantes que si
‫vous avez un dyno payant.
‫Et, un dyno n'est en fait que le
‫terme utilisé par Heroku pour désigner un conteneur dans
‫lequel votre application s'exécute.
‫Donc, nous avons quelques métriques où nous
‫pouvons voir qui accède à l'application, mais, encore une fois, cela
‫ne fonctionne que si vous
‫avez un passe-temps ou un dynamomètre professionnel.
‫Mais, ce qui compte vraiment ici, ce sont les
‫paramètres et donc ici,
‫je voulais vous montrer que nous pouvons révéler les variables de configuration.
‫Et donc, au lieu de les modifier ou de
‫les ajouter dans la ligne de commande, nous pourrions également le faire ici.
‫Donc, ce sont tous ceux que nous venons d'ajouter dans
‫la ligne de commande.
‫Ensuite, une autre chose très importante se trouve ici dans Plus, nous
‫pouvons réellement voir nos journaux.
‫Alors, attendons-le ici.
‫Et donc, Heroku vous donne alors tous ces journaux pour tout
‫ce qui se passe dans votre application.
‫Ainsi, lorsque nous avons ouvert l'application dans le
‫navigateur, elle a demandé tous ces fichiers, comme vous
‫pouvez le voir ici, par exemple.
‫Donc, vraiment, tout ce qui
‫se passe sera ici dans ces journaux.
‫Et donc, si votre application plante ou si quelque chose se passe et fondamentalement tout ce
‫pour quoi nous avons utilisé une console. log finira alors
‫par s'afficher ici dans ces journaux.
‫Et donc, ce sont les journaux Heroku que
‫j'ai mentionnés dans l'une des conférences précédentes.
‫Maintenant, une chose que nous pouvons
‫faire est de changer le nom de notre application.
‫Ainsi, au lieu de l'appeler ce nom aléatoire, nous pouvons
‫lui donner un nom plus significatif.
‫Maintenant, nous pourrions le faire ici,
‫mais cela gâcherait alors en quelque sorte notre application dans le terminal
‫de notre ordinateur local.
‫Et donc, à la place, ce que nous faisons,
‫c'est changer le nom directement ici.
‫Donc, disons, heroku apps:rename, comme ceci, puis le
‫nouveau nom de l'application.
‫Et, je l'appellerai
‫natours, mais vous, bien sûr,
‫ne pourrez alors pas l'appeler aussi natours car ce
‫sous-domaine sera alors déjà pris.
‫Ainsi, vous pouvez alors l'appeler natours avec votre nom
‫ou avec votre nom d'utilisateur ou vraiment tout autre mot que
‫vous souhaitez.
‫Alors, je vais aller de l'avant et maintenant, appelez ça vraiment natours.
‫Oh, mais je vois que quelqu'un m'a déjà pris ce
‫nom, donc c'est dommage.
‫Mais c'est probablement parce que j'ai déjà utilisé le nom
‫natours dans un projet d'un autre cours.
‫Et donc, quelqu'un a dû le prendre.
‫Alors, appelons ça natoursapp et, bien sûr, je
‫dois ensuite écrire tout le reste.
‫Alors, heroku apps : renommer
‫puis natoursapp.
‫Donc, j'espère que personne n'a pris celui-ci.
‫Et, il semble que ça fasse
‫quelque chose, mais quelqu'un a déjà pris celui-là aussi.
‫Eh bien, c'est vraiment bizarre.
‫Donc, je suppose que j'ai beaucoup
‫d'étudiants qui publient leurs applications sur Heroku, donc je
‫vais simplement suivre l'exemple que j'ai donné plus tôt et
‫ajouter mon nom ici.
‫Alors, troisième essai avec natours-jonas.
‫Alors, ouais, espérons que la troisième fois, ça marchera.
‫Alors, attendons-le ici.
‫Et c'est tout.
‫Alors, essayons heroku ouvert.
‫Très bien, et c'est parti.
‫Et, maintenant, à ce
‫stade, l'ancienne version ne fonctionnera plus.
‫Alors, celui-ci est parti, fermons-le.
‫Revenons au Personnel ici.
‫Et donc, ouais, on y va.
‫C'est natours-jonas.
‫Super, donc notre site Web est maintenant officiellement en production.
‫Maintenant, une autre chose que je veux faire
‫ici est de mettre à jour la variable d'environnement Postman pour
‫la production, vous vous en souvenez ?
‫Alors, allons-y et copiez ceci ici.
‫Et pas non plus à quel point
‫nous sommes automatiquement sur https ici sur Heroku.
‫Ainsi, Heroku s'occupe de toute la gestion des certificats
‫SSL pour nous dans les coulisses afin que notre page soit
‫toujours sécurisée, toujours avec https.
‫C'est donc une autre fonctionnalité très intéressante d'Heroku.
‫Alors, maintenant, ici dans
‫Postman, allons de l'avant et changeons cette production et l'URL.
‫Bien sûr, celui-ci n'était qu'un espace réservé.
‫Et, à la place, ce que nous voulons, c'est maintenant notre véritable URL de production.
‫Et, je ne sais pas si c'est correct comme
‫ça, mais mettez-le simplement à jour et comparez-le avec celui de développement.
‫Mais, en effet, il l'est.
‫Donc, il doit se terminer par cette barre oblique.
‫Et donc, celui que nous venons de faire le fait aussi.
‫Alors, mettons à jour, fermons, et maintenant,
‫tout ce que nous avons à faire ici est de
‫passer du développement à cet environnement de production natours.
‫Et donc, maintenant, si, par exemple, j'essaie d'obtenir Get All Tours, qui
‫est en fait celui que nous avions
‫ouvert, alors voyons si cela fonctionne.
‫Désactivons tout cela.
‫Et, en effet, il le fait, grand.
‫Voyons si nous
‫pouvons réellement voir l'URL complète quelque part ici.
‫Eh bien, ça ne se voit pas vraiment.
‫Mais, de toute façon, cela n'a
‫pas vraiment d'importance car nous savons toujours que cela a réellement fonctionné.
‫Donc, nous avons maintenant vraiment récupéré ces données
‫ici à partir de notre API de production et nous pouvons facilement le
‫prouver car la version de développement n'est même pas
‫en cours d'exécution actuellement.
‫Donc, si nous envoyons ceci, nous obtenons cette erreur.
‫Donc, encore une fois, vraiment, félicitations
‫pour avoir presque terminé le projet à ce stade.
‫C'est déjà sur le serveur live
‫et vous pouvez, à ce stade, partager votre
‫projet avec le monde et montrer à tout le monde ce que
‫vous avez accompli après tout ce travail de construction de ce projet.
‫Juste une autre très petite chose que je voulais faire ici,
‫comme je l'ai dit dans la dernière conférence, est de tester cette compression.
‫Alors, recherchons simplement le test de compression gzip ici.
‫Et puis, ça devrait être ce premier résultat ici,
‫Gift of Speed.
‫Et donc, si nous entrons notre URL ici et que nous vérifions, voyons.
‫Et nous voyons que GZIP est activé.
‫Et donc, c'est à cause de ce package de compression
‫que nous avons utilisé dans la dernière leçon.
‫Donc, à l'origine, notre page aurait 14K, mais
‫ensuite compressée, c'est 2K.
‫Et, bien sûr, cela ne fait pas une grande
‫différence dans ce cas, mais pour une page beaucoup plus grande, bien
‫sûr, cela peut vraiment faire une différence pour vos utilisateurs.
‫Parfait, maintenant, dans les deux prochaines vidéos, il n'y
‫a que quelques petites choses
‫que nous devons encore corriger ici.
‫Et donc, nous le
‫ferons au cours des deux ou trois prochaines conférences.
‫Et donc, après ça,
‫c'est quand le projet est vraiment terminé à 100%.