Maintenant que nous avons Express d’installé, on va pouvoir attaquer nos développements en tant quel tel. Et bien sûr, on va commencer par le traditionnel « Hello, World ! » avec Express :
Et pour obtenir ce fameux Hello, Express !, il va falloir définir un premier point de terminaison au sein de notre API Rest, qui sera chargé d’afficher ce message.
Nous allons aussi en profiter pour dire au revoir à notre Hello, Node !, car désormais c’est Express qui va prendre le relais.
Voici le code que j’obtiens de mon côté, pour app.js :
const express = require('express')
const app = express()
const port = 3000
app.get('/', (req, res) => res.send('Hello, Express!'))
app.listen(port, () => console.log(`Notre application Node est démarrée sur : http://localhost:${port}`))
Il y a beaucoup de nouveaux éléments dans ce code, mais il ne faut pas avoir peur. C’est bon signe, on attaque les choses sérieuses. 😉
Nous allons décortiquer ce code étape par étape, pour bien comprendre ce qu’il se passe :
Attardons-nous sur ce code, c’est vraiment ce qui fait le coeur d’Express :
app.get(
'/',
(req, res) => res.send('Hello, Express!')
)
Dans ce code, chaque élément est important pour définir notre point de terminaison :
Dans notre cas, nous utilisons la méthode send de l’objet Response, afin de retourner le message « Hello, Express ! » au client. Voilà, je ne sais pas pour vous, mais cela paraît un peu plus clair tout ça déjà.
Ensuite, démarrer votre API Rest avec la commande npm run start.
Puis rendez-vous dans votre navigateur, à l’adresse localhost:3000.
Vous devriez voir le magnifique message « Hello, Express ! » s’afficher dans votre navigateur. Bravo !
Alors, je ne vais pas faire les rabat-joies, mais si jamais vous essayez de modifier votre code pour afficher un autre message… et bien il ne va rien se passer. Et oui, pour rafraîchir notre API Rest, il faut couper la commande npm start en faisant CTRL+C, puis relancer npm start, et enfin rafraîchir votre navigateur. Cela risque de considérablement ralentir nos développements. Je vous propose donc de remédier à cela dans la prochaine étape.