L'épine dorsale invisible d'Internet : Comment le backend alimente le web

January 13, 2025

by Xliife, Tech Enthusiast & Educator

Introduction : Ce Qui Se Cache Derrière un Clic

Salut tout le monde ! Aujourd’hui, on lève le voile sur un sujet fascinant : le backend, cette partie invisible d’Internet qui permet aux sites web de fonctionner. Derrière chaque recherche, chaque clic, et chaque bouton « sauvegarder », il y a des serveurs, des bases de données et du code qui collaborent pour répondre à nos demandes en quelques millisecondes.

Mais par où commencer ? Pour comprendre comment fonctionne le backend, plongeons dans le cœur du web et les infrastructures qui le soutiennent.

Regardez la vidéo complète ici !

Les Réseaux : La Toile d'Araignée du Web

Commençons par les bases : un réseau est un ensemble d’appareils connectés pour échanger des informations. Imaginez un groupe WhatsApp où tout le monde partage des messages et des mèmes. Internet fonctionne de la même façon, mais avec des données qui transitent entre serveurs et utilisateurs.

Les Câbles Sous-Marins : Les Artères d'Internet

Saviez-vous que 99 % du trafic mondial passe par des câbles sous-marins ? Ces câbles, qui s’étendent sur des milliers de kilomètres au fond des océans, relient les continents et permettent des échanges ultra-rapides. Sans eux, il n’y aurait pas de streaming, de télétravail ou de vidéos YouTube !

Frontend et Backend : Deux Faces d'un Site Web

Un site web est divisé en deux parties :

Le frontend : ce que vous voyez et avec quoi vous interagissez (les boutons, les images, les animations).
Le backend : là où les données sont gérées, les connexions traitées, et où la "magie" s'opère en coulisses.

Aujourd’hui, nous allons nous concentrer sur le backend et découvrir comment il donne vie à des projets comme 3JS Connect.

Le Modèle Client-Serveur : La Base du Backend

Le modèle client-serveur est fondamental dans le web :

Le client : votre appareil (ordinateur, smartphone) qui envoie des requêtes.
Le serveur : une machine qui reçoit ces requêtes, traite les données, et renvoie une réponse.

Par exemple, lorsque vous cherchez une vidéo sur YouTube, votre navigateur demande cette vidéo au serveur, qui vous l’envoie en retour. Ce processus est appelé le cycle requête-réponse.

Monolithe ou Microservices ?

Les requêtes sont gérées via deux grandes architectures backend :

Monolithe : toutes les fonctionnalités sont regroupées dans une seule application. C’est simple et pratique pour les petits projets.
Microservices : chaque fonctionnalité est indépendante (gestion des utilisateurs, paiements, notifications) et peut être modifiée sans impacter les autres services.

Pour notre projet 3JS Connect, une architecture monolithique est idéale pour commencer, car elle est plus simple à mettre en place.

Implémentation du Backend Server

Voici comment est structuré le backend de 3JS Connect :

Middleware : Nous utilisons express.json() pour traiter les données en JSON et CORS pour permettre au frontend hébergé sur Netlify de communiquer avec le backend.
Routes : Les fonctionnalités, comme la gestion des utilisateurs et des publications, sont organisées dans des fichiers distincts pour rendre le code clair et facile à maintenir.
Base de données : MongoDB est notre base NoSQL pour stocker les données. Avec Mongoose, les interactions avec la base sont simples et rapides.
Port 8080 : Le serveur écoute sur ce port et traite les requêtes envoyées par le frontend ou des outils comme Postman.

Tests avec Postman et Démonstration Frontend

Avant de connecter le backend au frontend, il est essentiel de vérifier que tout fonctionne correctement. Pour cela, on utilise Postman :

Requête GET : Récupérer les publications enregistrées dans MongoDB.
Requête POST : Ajouter de nouvelles données.
Requête DELETE : Supprimer des publications.

En testant avec Postman, nous nous assurons que le backend répond correctement aux requêtes. Ensuite, sur le frontend, ces mêmes requêtes sont intégrées pour afficher dynamiquement les publications sur la page.

Sécurité du Backend : Bcrypt et JWT

Bcrypt pour les mots de passe

La sécurité est cruciale. Les mots de passe des utilisateurs sont hachés avec Bcrypt, ce qui les rend illisibles même en cas de fuite. Ce processus garantit que personne ne puisse accéder aux données sensibles.

JSON Web Tokens (JWT)

Lorsqu’un utilisateur se connecte, il reçoit un JWT (JSON Web Token), un badge sécurisé contenant des informations cryptées. Ce token est vérifié à chaque requête pour s’assurer que seules les personnes autorisées accèdent aux données.

Cloud Computing et Hébergement

Pour rendre le backend accessible à tous, il faut l’héberger sur le cloud. Des services comme AWS (Amazon Web Services) et Google Cloud Platform permettent de :

Louer des serveurs performants.
Gérer automatiquement les pics de trafic.
Augmenter la scalabilité du projet selon les besoins.

Ces plateformes assurent que le backend reste fiable, même en cas de forte affluence.

Conclusion : Créez Votre Propre Projet !

Le backend est bien plus qu'un simple moteur technique : c'est ce qui rend possibles les expériences numériques que nous utilisons tous les jours. Pourquoi ne pas essayer de construire votre propre projet ?

✨ Astuce : Prenez une idée, expérimentez, et transformez-la en réalité. Que ce soit une API simple ou une application complète, Internet n'attend que vos créations !

Si cette exploration vous a plu, continuez l’aventure avec cette vidéo sur le développement frontend et explorez l’univers fascinant de la programmation avec nous.