Maison > interface Web > js tutoriel > Dégroupage de l'architecture du réseau de diffusion de contenu : comment fonctionne le CDN

Dégroupage de l'architecture du réseau de diffusion de contenu : comment fonctionne le CDN

Linda Hamilton
Libérer: 2024-11-17 10:42:04
original
401 Les gens l'ont consulté

Unbundling Content Delivery Network Architecture: How CDN Work

Dans le monde numérique actuel en évolution rapide, la fourniture de contenu de manière rapide et fiable est plus importante que jamais. Qu'il s'agisse de diffuser des vidéos haute définition ou d'assurer un accès fluide à des applications Web dynamiques, la rapidité et l'efficacité de la diffusion de contenu peuvent faire ou défaire l'expérience utilisateur. Au cœur de cette distribution transparente se trouve le réseau de diffusion de contenu (CDN). Cet article explore les complexités de l'architecture CDN, en décomposant ses composants pour comprendre le fonctionnement des CDN. Nous plongerons également dans des implémentations pratiques avec des exemples de code dans Node.js et Python pour démontrer l'intégration CDN.

Table des matières

  1. Présentation
  2. Qu'est-ce qu'un CDN ?
  3. Architecture CDN traditionnelle
  4. Dégroupage de l'architecture CDN
    • Serveurs Edge vs serveurs Origin
    • Stratégies de mise en cache
    • Équilibrage de charge
    • Résolution DNS
    • Fonctionnalités de sécurité
  5. Comment fonctionne un CDN
    • Flux de demande
    • Mécanisme de mise en cache
    • Livraison de contenu
  6. Implémentation de l'intégration CDN
    • Utiliser CDN avec Node.js
    • Utiliser CDN avec Python
  7. Fonctionnalités CDN avancées
    • Edge Computing et fonctions sans serveur
    • Analyse et surveillance en temps réel
    • Améliorations du protocole : HTTP/2 et HTTP/3
  8. Avantages et défis
  9. L'avenir des CDN
  10. Conclusion
  11. Références

Introduction

Les réseaux de diffusion de contenu (CDN) sont les héros méconnus de l'Internet moderne, garantissant que les utilisateurs du monde entier peuvent accéder au contenu numérique de manière rapide et fiable. En diffusant le contenu sur un réseau de serveurs géographiquement dispersés, les CDN réduisent la latence, réduisent l'utilisation de la bande passante et améliorent la satisfaction globale des utilisateurs. Alors que la demande pour une diffusion de contenu plus rapide et plus efficace monte en flèche, comprendre comment les CDN sont construits et fonctionnent devient crucial pour les développeurs et les entreprises.

Qu'est-ce qu'un CDN ?

Un réseau de diffusion de contenu (CDN) est un réseau de serveurs distribués conçu pour fournir du contenu Web et d'autres actifs numériques aux utilisateurs en fonction de leur emplacement géographique, de l'origine du contenu et du type de serveur de diffusion de contenu. L'objectif principal d'un CDN est de minimiser la latence et d'améliorer les temps de chargement en diffusant du contenu à partir de serveurs physiquement plus proches de l'utilisateur final.

Fonctions clés d'un CDN :

  • Mise en cache du contenu : Stockage de copies du contenu à plusieurs emplacements pour garantir un accès rapide.
  • Équilibrage de charge : Répartir efficacement les demandes des utilisateurs sur plusieurs serveurs pour éviter qu'un seul serveur ne soit submergé.
  • Sécurité : Protéger contre les attaques par déni de service distribué (DDoS) et garantir la sécurité de la transmission des données.
  • Optimisation : Amélioration de la vitesse de diffusion du contenu grâce à des techniques telles que la compression et la minification.

Architecture CDN traditionnelle

Les CDN traditionnels sont composés de plusieurs composants clés qui fonctionnent ensemble pour fournir du contenu de manière efficace et sécurisée :

  1. Origin Server : Le serveur principal sur lequel le contenu original est stocké.
  2. Serveurs Edge : Serveurs distribués situés plus près des utilisateurs finaux qui mettent en cache et fournissent du contenu.
  3. Serveurs DNS : Acheminez les requêtes des utilisateurs vers le serveur Edge le plus proche.
  4. Équilibreurs de charge : Distribuez le trafic entrant sur plusieurs serveurs pour éviter la surcharge.
  5. Serveurs proxy : Agir en tant qu'intermédiaires pour les demandes des clients recherchant des ressources auprès d'autres serveurs.

Dégroupage de l'architecture CDN

Pour vraiment comprendre le fonctionnement des CDN, il est utile de décomposer leur architecture en composants individuels. Cette approche clarifie le rôle que joue chaque partie pour garantir une diffusion efficace du contenu.

Serveurs Edge et serveurs Origin

  • Serveurs d'origine : Ce sont les hubs centraux où réside le contenu original. Lorsqu'un serveur Edge n'a pas mis en cache le contenu demandé, il contacte le serveur d'origine pour le récupérer.

  • Serveurs Edge : Stratégiquement placés dans divers emplacements géographiques, les serveurs Edge stockent le contenu mis en cache plus près des utilisateurs finaux, ce qui réduit considérablement la latence et améliore les temps de chargement.

Stratégies de mise en cache

La mise en cache est la pierre angulaire de la fonctionnalité CDN, déterminant comment et où le contenu est stocké et servi. Les stratégies de mise en cache courantes incluent :

  • Mise en cache du contenu statique : Cela implique le stockage de ressources inchangées telles que des images, des fichiers CSS et JavaScript.

  • Mise en cache dynamique du contenu : Plus complexe et implique un contenu qui change fréquemment. Des techniques telles que Edge Side Include (ESI) sont utilisées pour mettre en cache des parties de contenu dynamique.

  • Durée de vie (TTL) : Définit la durée pendant laquelle le contenu reste en cache avant d'être actualisé. En règle générale, le contenu dynamique a des durées de vie plus courtes, tandis que le contenu statique bénéficie de durées de vie plus longues.

Exemple Node.js : définition des en-têtes de contrôle de cache

const express = require('express');
const app = express();

app.use('/static', express.static('public', {
  maxAge: '1y', // Cache static assets for one year
}));

app.get('/dynamic', (req, res) => {
  res.set('Cache-Control', 'no-cache');
  res.send('<h1>Dynamic Content</h1>');
});

app.listen(3000, () => console.log('Server running on port 3000'));
Copier après la connexion
Copier après la connexion
Copier après la connexion
Copier après la connexion
Copier après la connexion

Figure 2 : En-têtes de contrôle de cache dans Node.js

Équilibrage de charge

L'équilibrage de charge garantit que le trafic entrant est réparti uniformément sur plusieurs serveurs, empêchant ainsi un serveur unique de devenir un goulot d'étranglement. Les techniques courantes d'équilibrage de charge incluent :

  • Round Robin : Distribue les demandes de manière séquentielle.
  • Moins de connexions : Dirige le trafic vers le serveur avec le moins de connexions actives.
  • Hachage IP : Attribue les requêtes en fonction de l'adresse IP du client.

Exemple Python : équilibreur de charge simple avec Flask

const express = require('express');
const app = express();

app.use('/static', express.static('public', {
  maxAge: '1y', // Cache static assets for one year
}));

app.get('/dynamic', (req, res) => {
  res.set('Cache-Control', 'no-cache');
  res.send('<h1>Dynamic Content</h1>');
});

app.listen(3000, () => console.log('Server running on port 3000'));
Copier après la connexion
Copier après la connexion
Copier après la connexion
Copier après la connexion
Copier après la connexion

Figure 3 : Équilibreur de charge de base en Python

Résolution DNS

Le système de noms de domaine (DNS) est crucial pour les CDN car il dirige les requêtes des utilisateurs vers le serveur Edge le plus proche. Lorsqu'un utilisateur demande du contenu, le résolveur DNS identifie le serveur périphérique optimal en fonction de facteurs tels que la proximité géographique et la charge actuelle du serveur.

Fonctionnalités de sécurité

Les CDN améliorent la sécurité grâce à divers mécanismes :

  • Protection DDoS :Absorbe et atténue les attaques par déni de service distribué.
  • Pare-feu d'application Web (WAF) : Filtre et surveille le trafic HTTP entre une application Web et Internet.
  • SSL/TLS : Chiffre les données entre l'utilisateur et le CDN, garantissant une transmission sécurisée.

Comment fonctionne un CDN

Comprendre le flux de travail d'un CDN permet d'expliquer comment ses composants architecturaux interagissent pour fournir du contenu efficacement.

Flux de demande

  1. Demande d'utilisateur : Un utilisateur accède à un site Web ou à une application.
  2. Recherche DNS : La requête déclenche une requête DNS pour résoudre le nom de domaine en adresse IP.
  3. Routage vers le serveur Edge : En fonction de la réponse DNS, l'utilisateur est dirigé vers le serveur Edge le plus proche.
  4. Vérification du cache : Le serveur Edge vérifie s'il a mis en cache le contenu demandé.
    • Cache Hit : Le contenu est livré directement à l'utilisateur.
    • Cache Miss : Le serveur Edge récupère le contenu du serveur d'origine.
  5. Livraison de contenu : Le contenu est servi à l'utilisateur et le serveur Edge le met en cache pour les demandes futures.

Mécanisme de mise en cache

La mise en cache consiste à stocker des copies de contenu sur des serveurs périphériques pour accélérer la livraison. Le CDN détermine la politique de mise en cache en fonction des en-têtes tels que Cache-Control et Expires. Le contenu dynamique nécessite des stratégies de mise en cache plus sophistiquées, impliquant souvent une mise en cache partielle ou une génération de contenu en temps réel.

Livraison de contenu

Une fois mis en cache, la livraison du contenu est rapide car les ressources sont servies depuis des emplacements plus proches de l'utilisateur. Cette proximité réduit non seulement la latence, mais allège également la charge sur les serveurs d'origine, garantissant ainsi l'évolutivité lors des pics de trafic.

Implémentation de l'intégration CDN

L'intégration d'un CDN dans votre application peut améliorer considérablement les performances et la fiabilité. Voici quelques exemples pratiques montrant comment configurer et utiliser des CDN dans les applications Node.js et Python.

Utiliser CDN avec Node.js

Les applications Node.js peuvent facilement s'intégrer aux CDN pour servir efficacement les actifs statiques. Voici comment configurer un serveur Express simple pour utiliser un CDN pour servir des fichiers statiques.

const express = require('express');
const app = express();

app.use('/static', express.static('public', {
  maxAge: '1y', // Cache static assets for one year
}));

app.get('/dynamic', (req, res) => {
  res.set('Cache-Control', 'no-cache');
  res.send('<h1>Dynamic Content</h1>');
});

app.listen(3000, () => console.log('Server running on port 3000'));
Copier après la connexion
Copier après la connexion
Copier après la connexion
Copier après la connexion
Copier après la connexion

Figure 4 : Serveur Express servant des fichiers statiques via CDN

Intégration avec un fournisseur CDN

Pour vous connecter à un fournisseur CDN comme Cloudflare ou AWS CloudFront, vous mettrez généralement à jour vos paramètres DNS pour faire pointer votre domaine vers le CDN. Cette configuration permet au CDN de gérer la distribution de votre contenu. Voici un exemple de configuration d'AWS CloudFront avec une application Node.js :

from flask import Flask, request
import requests

app = Flask(__name__)

servers = ['http://localhost:5001', 'http://localhost:5002']
current = 0

@app.route('/')
def load_balance():
    global current
    server = servers[current]
    current = (current + 1) % len(servers)
    response = requests.get(server + request.path)
    return response.content

if __name__ == '__main__':
    app.run(port=5000)
Copier après la connexion
Copier après la connexion

Figure 5 : Redirection vers du contenu hébergé sur CDN dans Node.js

Utiliser CDN avec Python

Les applications Python, en particulier celles construites avec des frameworks comme Flask ou Django, peuvent également tirer parti des CDN pour servir efficacement les fichiers statiques et multimédias.

Exemple de flacon : servir des fichiers statiques via CDN

import Dégroupage de larchitecture du réseau de diffusion de contenu : comment fonctionne le CDN from './Dégroupage de larchitecture du réseau de diffusion de contenu : comment fonctionne le CDN.svg';
import './App.css';

function App() {
  return (
    <div classname="App">
      <header classname="App-header">
        <img src="%7BD%C3%A9groupage" de larchitecture du r diffusion contenu comment fonctionne le cdn classname="App-Dégroupage de larchitecture du réseau de diffusion de contenu : comment fonctionne le CDN" alt="Dégroupage de larchitecture du réseau de diffusion de contenu : comment fonctionne le CDN">
        <p>
          Edit <code>src/App.js</code> and save to reload.
        </p>
        <a classname="App-link" href="https://reactjs.org" target="_blank" rel="noopener noreferrer">
          Learn React
        </a>
      </header>
    </div>
  );
}

export default App;
Copier après la connexion
Copier après la connexion

Figure 6 : Modèle HTML faisant référence aux actifs hébergés sur CDN

Code d'application du flacon

const express = require('express');
const app = express();
const path = require('path');

const CDN_URL = 'https://your-cloudfront-distribution.cloudfront.net';

app.use('/static', express.static(path.join(__dirname, 'public'), {
  maxAge: '1d',
  setHeaders: (res, path) => {
    if (path.endsWith('.html')) {
      res.setHeader('Cache-Control', 'no-cache');
    }
  },
}));

app.get('/', (req, res) => {
  res.redirect(`${CDN_URL}/index.html`);
});

app.listen(3000, () => console.log('Server running on port 3000'));
Copier après la connexion

Figure 7 : Application Flask intégrant CDN pour les fichiers statiques

Exemple Django : configuration de fichiers statiques avec CDN

Dans Django, intégrer un CDN implique de définir le STATIC_URL pour qu'il pointe vers le CDN.



    <meta charset="UTF-8">
    <title>CDN Integration Example</title>
    <link rel="stylesheet" href="%7B%7B%20cdn_url%20%7D%7D/css/styles.css">


    <h1>Welcome to CDN-Integrated Flask App</h1>
    <img src="%7B%7B%20cdn_url%20%7D%7D/images/D%C3%A9groupage%20de%20larchitecture%20du%20r%C3%A9seau%20de%20diffusion%20de%20contenu%C2%A0:%20comment%20fonctionne%20le%20CDN.png" alt="Logo">
    <script src="%7B%7B%20cdn_url%20%7D%7D/js/scripts.js"></script>


Copier après la connexion

Exécutez la commande suivante pour collecter les fichiers statiques :

from flask import Flask, render_template

app = Flask(__name__)

CDN_URL = 'https://your-cdn-domain.com/static'

@app.route('/')
def home():
    return render_template('index.html', cdn_url=CDN_URL)

if __name__ == '__main__':
    app.run(debug=True)
Copier après la connexion

Figure 8 : Paramètres Django pour l'intégration CDN

Fonctionnalités CDN avancées

Les CDN modernes offrent une gamme de fonctionnalités avancées qui vont au-delà de la diffusion de contenu de base, en améliorant les performances, la sécurité et l'évolutivité.

Edge Computing et fonctions sans serveur

Les CDN intègrent de plus en plus de capacités informatiques de pointe, permettant aux développeurs d'exécuter des fonctions sans serveur plus près des utilisateurs finaux. Cela réduit non seulement la latence, mais permet également le traitement des données en temps réel.

Exemple : Déploiement d'une fonction sans serveur avec AWS Lambda@Edge

Lambda@Edge vous permet d'exécuter du code en réponse aux événements générés par CloudFront, tels que les demandes des spectateurs ou les réponses d'origine. Voici un exemple simple de fonction Lambda qui modifie les en-têtes HTTP pour améliorer la sécurité :

const express = require('express');
const app = express();

app.use('/static', express.static('public', {
  maxAge: '1y', // Cache static assets for one year
}));

app.get('/dynamic', (req, res) => {
  res.set('Cache-Control', 'no-cache');
  res.send('<h1>Dynamic Content</h1>');
});

app.listen(3000, () => console.log('Server running on port 3000'));
Copier après la connexion
Copier après la connexion
Copier après la connexion
Copier après la connexion
Copier après la connexion

Figure 9 : Fonction AWS Lambda@Edge pour modifier les en-têtes HTTP

Analyse et surveillance en temps réel

Les CDN modernes fournissent des tableaux de bord d'analyse complets qui offrent des informations sur les modèles de trafic, les performances du cache et les menaces de sécurité. En intégrant ces analyses, les entreprises peuvent prendre des décisions basées sur les données pour optimiser la diffusion de contenu.

Exemple Python : récupération d'analyses CDN avec le SDK AWS

from flask import Flask, request
import requests

app = Flask(__name__)

servers = ['http://localhost:5001', 'http://localhost:5002']
current = 0

@app.route('/')
def load_balance():
    global current
    server = servers[current]
    current = (current + 1) % len(servers)
    response = requests.get(server + request.path)
    return response.content

if __name__ == '__main__':
    app.run(port=5000)
Copier après la connexion
Copier après la connexion

Figure 10 : Récupération des métriques CDN avec le SDK AWS en Python

Améliorations du protocole : HTTP/2 et HTTP/3

Les CDN exploitent des protocoles avancés tels que HTTP/2 et HTTP/3 pour améliorer les performances grâce à des fonctionnalités telles que le multiplexage, la compression d'en-tête et une gestion améliorée des connexions. Ces protocoles réduisent la latence et augmentent l'efficacité du chargement des ressources.

Exemple Node.js : activation de HTTP/2 dans un serveur Express

import Dégroupage de larchitecture du réseau de diffusion de contenu : comment fonctionne le CDN from './Dégroupage de larchitecture du réseau de diffusion de contenu : comment fonctionne le CDN.svg';
import './App.css';

function App() {
  return (
    <div classname="App">
      <header classname="App-header">
        <img src="%7BD%C3%A9groupage" de larchitecture du r diffusion contenu comment fonctionne le cdn classname="App-Dégroupage de larchitecture du réseau de diffusion de contenu : comment fonctionne le CDN" alt="Dégroupage de larchitecture du réseau de diffusion de contenu : comment fonctionne le CDN">
        <p>
          Edit <code>src/App.js</code> and save to reload.
        </p>
        <a classname="App-link" href="https://reactjs.org" target="_blank" rel="noopener noreferrer">
          Learn React
        </a>
      </header>
    </div>
  );
}

export default App;
Copier après la connexion
Copier après la connexion

Figure 11 : Activation de HTTP/2 dans Node.js avec Express

Avantages et défis

Avantages des CDN

  • Latence réduite : La diffusion de contenu à partir de serveurs plus proches des utilisateurs réduit le temps nécessaire aux données pour les atteindre.

  • Évolutivité : Les CDN gèrent sans effort de gros volumes de trafic, s'adaptant aux pics sans compromettre les performances.

  • Sécurité améliorée : Les fonctionnalités de sécurité intégrées protègent contre les menaces et les attaques Web courantes.

  • Efficacité des coûts : Le déchargement du trafic vers les serveurs périphériques réduit les coûts de bande passante et diminue la charge sur les serveurs d'origine.

Les défis des CDN

  • Complexité de la configuration initiale : La configuration et l'optimisation d'un CDN nécessitent une solide compréhension de son architecture et de ses paramètres.

  • Invalidation du cache : Garantir que le contenu obsolète est actualisé rapidement peut être délicat, en particulier pour le contenu dynamique.

  • Dépendance vis-à-vis des fournisseurs : S'appuyer sur des fournisseurs CDN tiers peut introduire des dépendances qui pourraient ne pas correspondre aux exigences spécifiques des applications.

  • Coûts à grande échelle : Même si les CDN sont rentables jusqu'à un certain point, des volumes de trafic très élevés peuvent entraîner des dépenses substantielles, en particulier avec les applications gourmandes en bande passante.

L'avenir des CDN

L'avenir des CDN est façonné par l'intégration de l'Internet des objets (IoT), de l'informatique de pointe et des technologies Web3. Les approches décentralisées gagnent du terrain, offrant des alternatives aux modèles centralisés traditionnels. De plus, les progrès de l'informatique de pointe permettent de décharger des tâches de traitement plus complexes vers des serveurs de périphérie, améliorant ainsi encore les performances et les capacités.

Tendances émergentes :

  • Serverless Edge Computing : La combinaison d'architectures sans serveur avec l'edge computing permet aux développeurs de déployer des fonctions plus proches des utilisateurs, réduisant ainsi la latence et améliorant l'évolutivité.

  • Optimisation basée sur l'IA : Tirer parti de l'intelligence artificielle pour prédire les modèles de trafic, optimiser les stratégies de mise en cache et renforcer les mesures de sécurité en temps réel.

  • Intégration de la blockchain : Utilisation de la blockchain pour la gestion décentralisée des CDN, la transparence dans la livraison de contenu et l'incitation à la participation des nœuds.

CDN décentralisés :

Les réseaux de diffusion de contenu décentralisés (dCDN) distribuent le contenu sur un réseau de nœuds exploités par divers participants, plutôt que de s'appuyer sur les serveurs périphériques d'un seul fournisseur. Cette approche améliore la résilience, réduit la dépendance à l'égard de points de défaillance uniques et exploite souvent les technologies blockchain à des fins de coordination et d'incitation.

Exemples Web3 :

  • IPFS (InterPlanetary File System) : Un protocole peer-to-peer conçu pour rendre le Web plus rapide, plus sûr et plus ouvert en distribuant le contenu sur de nombreux nœuds. IPFS identifie les fichiers en fonction de leur contenu plutôt que de leur emplacement, garantissant qu'une fois qu'un fichier est ajouté, il peut être récupéré à partir de plusieurs nœuds.

  • Filecoin : Construit sur IPFS, Filecoin incite les utilisateurs à fournir un espace de stockage en échange de jetons. Cela crée un réseau de stockage décentralisé où le contenu est stocké de manière persistante et récupérable à partir de divers nœuds.

  • Arweave : Un réseau de stockage décentralisé qui fournit un stockage permanent des données en exploitant une nouvelle structure de type blockchain appelée Blockweave. Arweave garantit que le contenu reste accessible indéfiniment sans recourir à des serveurs centralisés.

const express = require('express');
const app = express();

app.use('/static', express.static('public', {
  maxAge: '1y', // Cache static assets for one year
}));

app.get('/dynamic', (req, res) => {
  res.set('Cache-Control', 'no-cache');
  res.send('<h1>Dynamic Content</h1>');
});

app.listen(3000, () => console.log('Server running on port 3000'));
Copier après la connexion
Copier après la connexion
Copier après la connexion
Copier après la connexion
Copier après la connexion

Figure 12 : Exemple de contrat intelligent Filecoin

Dans cet exemple, un simple contrat intelligent permet aux utilisateurs de télécharger et de récupérer des métadonnées de fichiers, en les reliant au CID (Content Identifier) ​​adressé au contenu dans IPFS.

Conclusion

Les réseaux de diffusion de contenu constituent l'épine dorsale de l'infrastructure Internet moderne, garantissant que le contenu numérique est fourni rapidement, en toute sécurité et de manière fiable aux utilisateurs du monde entier. En décomposant l'architecture CDN, nous avons acquis une compréhension plus claire de la manière dont chaque composant contribue aux performances et à l'efficacité globales. L'intégration de CDN dans des applications, qu'elles soient construites avec Node.js ou Python, peut améliorer considérablement l'expérience utilisateur en réduisant la latence et en améliorant les temps de chargement.

À mesure que la technologie continue de progresser, les CDN évoluent également. Ils évoluent pour offrir de nouvelles opportunités d’optimisation et de décentralisation. La montée en puissance des modèles CDN décentralisés s'aligne sur l'accent croissant mis sur les technologies Web3, offrant des alternatives résilientes et évolutives aux systèmes centralisés traditionnels. Qu'il s'agisse de fournisseurs de CDN établis ou de réseaux décentralisés innovants, les CDN resteront à l'avant-garde de l'optimisation et de la protection de la diffusion de contenu numérique.

Références

  1. Qu'est-ce qu'un CDN ? - Cloudflare
  2. Documentation AWS CloudFront
  3. Site officiel d'Express.js
  4. Documentation officielle du flacon
  5. Documentation Django
  6. Site officiel de l'IPFS
  7. Site officiel de Filecoin
  8. Site officiel d'Arweave
  9. IPFS vs CDN - Une analyse
  10. Documentation AWS Lambda@Edge
  11. HTTP/2 expliqué
  12. Aperçu HTTP/3

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

source:dev.to
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers articles par auteur
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal