Explication Backend

Arborescence du Backend

Site_Web/
├─ client/
│  ├─ src/
│  │  ├─ index.css
│  │  ├─ index.js
│  ├─ public/
│  │  ├─ favicon.ico
│  │  ├─ index.html
├─ node_modules/
├─ package.json
├─ server.js

Explication des différents fichiers, dossiers et sous-dossiers :

• Le dossier node_modules contient tous les modules que nous utilisons dans NodeJS.
• Le fichier package.json permet de référencer le nom, la version, ainsi qu'une description du projet. Il permet également de créer des scripts que l'on peut ensuite appeler via la commande "npm" mais aussi de lister tout les packages installer dans NodeJS.
• Le fichier server.js sert à démarrer le server web grâce au module Express et ce via la commande "node server.js".
• Finalement, nous retrouvons un dossier client qui contient lui-même deux sous-dossier, le premier appeler src qui stock tout les fichiers Javascript et CSS que nous avons besoin pour le site web et le second appeler public qui lui stock toutes les images et icons.

Utilisation du module Express

const express = require('express');
const PORT = 80;

const app = express();

app.listen(PORT, () => {
  console.log(`le serveur est lancé sur le port : ${PORT}`)
})

app.get('/', function(req, res) {
  res.send('hello world');
});

• Importation du module express dans la constante "express".
• Création d'une constante "PORT" permettant de stocker le port sur lequel le serveur tournera.
• Initialisation du module express dans la constante "app".
• Ensuite on lance l'écoute sur le PORT précédemment cité via la méthode "listen". Si le lancement fonctionne, cela affiche "le serveur est lancé sur le port : 80" dans la console du serveur.
• Pour finir, la dernière méthode présente ci-dessus permet de répondre "hello world" lorsqu'une requête est effectuer sur la racine.