Étape 7 :
Avec express installés, nous sommes prêts à commencer à coder. Ouvrez votre fichier index.js dans le finder avec l’éditeur de texte fournie avec votre ordinateur. Vous pouvez le faire par la commande en cliquant sur le fichier, en naviguant dans le menu Ouvrir avec et en sélectionnant TextEdit.
Cela devrait ouvrir notre fichier index.js vide dans une fenêtre comme ceci
CODAGE DE TEMPS!!! Voici le code, voici le code, voici le code...
7. Entrez le code suivant dans le fichier et enregistrez-le. Je vais expliquer ci-dessous ligne par ligne.
Partie 1 express var = require('express') ;
Partie 2 var app = express() ;
Partie 3 app.listen (3000, function () {console.log ("exemple app écoute sur le port 3000!");}) ;
Partie 4 app.use(express.static('public')) ;
N’est pas que belle. Il s’agit littéralement tout le code que vous avez besoin pour créer votre serveur de fichier statique. Nous sommes presque là !
Ligne d’explication de ligne / / partie 1 var express = require('express') ;
Cette ligne de code informe le programme que nous utilisons l’application expresse que nous viens d’installer. Le framework Node.js dans un premier temps, nous avons installé saura quoi faire avec elle. Si vous connaissez une chose ou deux sur la programmation nous mettons programme express dans une variable, afin que nous pouvons l’utiliser dans le reste de notre code.
Partie 2 var app = express() ;
Cette ligne commence notre programme express. Encore une fois la première ligne dit nous utilisons express, et le second il démarre le programme afin que nous soyons prêts à l’utiliser. Vous pouvez imaginer la première ligne comme vous étiez le téléchargement un programme à utiliser sur l’ordinateur, puis sur la deuxième ligne en fait en cliquant dessus pour commencer à courir il. Nous pouvons maintenant utiliser notre programme express en cours d’exécution en faisant référence à la variable d’application.
Partie 3 app.listen (3000, function () {console.log ("exemple app écoute sur le port 3000!");}) ;
Ce prochain morceau de code est vraiment cool, mais aussi le type de complexe. Nous prenons notre app, que nous avons créé et démarré dans la dernière ligne de code (partie 2) et de dire les choses d’écouter quelque chose avec 3000, puis une fonction quelconque. Il semble peu fou droit ? Vous savez savez si nous n’avions pas expressément cette simple ligne de code ressemblerait environ 50 fois plus longtemps, et 50 fois plus fou, je vous en remercie express. En termes techniques, ce que nous faisons ici est à partir d’un serveur local et dire les choses pour écouter les choses ou les événements sur le port 3000. Je ne veux pas vous embrouiller trop, donc si vous voulez juste me faire confiance sur celui-ci, vous pouvez passer à la ligne suivante du code, mais je vais essayer d’expliquer aussi simplement que possible. Donc, encore, imaginez le programme appelé app que nous avons commencé, nous disons il faire un serveur pour nous afin que tout le monde peut accéder aux fichiers que nous spécifions, tout comme un site Web.
Partie 4 app.use(express.static('public')) ;
Cette dernière ligne de code, c’est là que la vraie magie opère. Elle permet effectivement aux gens d’accéder aux fichiers que nous spécifions. Il a cool fou combien de code a été condensée dans cette petite ligne, mais je vais juste expliquer sa fonction. Tout ce que nous mettons dans notre répertoire public, peuvent maintenant être vus par internet lorsque nous exécutons ce programme ! WOW, si qui ne reçoit pas tu vas que je ne sais pas ce qui va.