Aller au contenu
Administration serveur

Hébergement statique

Introduction

L'hébergement statique est une méthode d'hébergement de sites web où le serveur délivre le même contenu HTML à tous les utilisateurs. Contrairement à l'hébergement dynamique, où le contenu est généré à la volée, l'hébergement statique offre des performances supérieures et une meilleure sécurité. Dans ce chapitre, nous allons utiliser Nginx, un serveur web populaire, pour héberger un site statique simple sur un serveur Ubuntu.

Configuration de l'environnement

Avant de commencer, assurez-vous que Nginx est bien installé sur votre serveur. Vous pouvez vérifier cela en tapant la commande suivante dans votre terminal :

nginx -v

Si Nginx est installé, cette commande affichera la version de Nginx.

Ensuite, nous allons créer le dossier qui contiendra notre site web. Dans le terminal, tapez :

sudo mkdir -p /var/www/html/hello

Maintenant, nous allons créer un fichier HTML simple dans ce dossier. Utilisez votre éditeur de texte préféré pour créer le fichier /var/www/html/hello/index.html et ajoutez le code suivant :

<!DOCTYPE html>
<html>
<head>
    <title>Hello World</title>
    <style>
        body {
            background: linear-gradient(to right, red, orange, yellow, green, blue, indigo, violet);
            color: white;
            font-size: 3em;
            font-weight: bold;
            display: flex;
            justify-content: center;
            align-items: center;
            height: 100vh;
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }
    </style>
</head>
<body>
    Hello World
</body>
</html>

Configuration de Nginx

Les fichiers de configuration de Nginx se trouvent dans le dossier /etc/nginx. Pour configurer notre site, nous allons modifier le fichier de configuration par défaut. Ouvrez le fichier /etc/nginx/sites-available/default dans votre éditeur de texte et ajoutez le bloc de serveur suivant :

server {
    listen 80 default_server;

    location / {
        root /var/www/html/hello;
        index index.html;
        try_files $uri $uri/ =404;
    }
}

La page web est désormais accessible en passant par l’adresse IP ou les domaines qui renvoient vers l’adresse IP du serveur.

Test et validation

Une fois la configuration terminée, redémarrez Nginx pour que les modifications prennent effet :

sudo service nginx restart

Vous devriez maintenant pouvoir accéder à votre site en visitant votre domaine ou l'adresse IP de votre serveur dans un navigateur web.

Ajout de nouveaux sites

Si vous souhaitez héberger plusieurs sites statiques sur votre serveur, vous devrez créer une configuration distincte pour chaque site. Voici les étapes à suivre pour ajouter un nouveau site :

  1. Création d'une nouvelle configuration : Dans le dossier /etc/nginx/sites-available, créez un nouveau fichier de configuration pour votre site. Par exemple, vous pouvez utiliser le nom de domaine de votre site comme nom de fichier. Par exemple, /etc/nginx/sites-available/monsite.com.

  2. Configuration du fichier : Ouvrez le fichier de configuration que vous venez de créer dans votre éditeur de texte et ajoutez le bloc de serveur suivant :

server {
    listen 80;
    server_name monsite.com www.monsite.com;

    location / {
        root /var/www/html/monsite;
        index index.html;
        try_files $uri $uri/ =404;
    }
}

Assurez-vous de remplacer monsite.com et www.monsite.com par les noms de domaine de votre site. De plus, veillez à spécifier le chemin correct vers le dossier où se trouvent les fichiers de votre site.

  1. Activation de la configuration : Créez un lien symbolique vers le fichier de configuration que vous venez de créer dans le dossier /etc/nginx/sites-enabled. Utilisez la commande suivante :
sudo ln -s /etc/nginx/sites-available/monsite.conf /etc/nginx/sites-enabled/
  1. Vérification de la configuration : Utilisez la commande suivante pour vérifier que la configuration est correctement écrite et qu'il n'y a pas d'erreurs :
sudo nginx -t

Assurez-vous que la commande affiche syntax is ok et test is successful.

  1. Redémarrage de Nginx : Redémarrez Nginx pour prendre en compte la nouvelle configuration :
sudo service nginx restart

Maintenant, vous devriez pouvoir accéder à votre nouveau site en utilisant le nom de domaine que vous avez spécifié dans la configuration.

N'oubliez pas de répéter ces étapes pour chaque nouveau site que vous souhaitez héberger sur votre serveur.

Conclusion

En suivant ces étapes, vous pouvez facilement ajouter de nouveaux sites statiques à votre serveur en utilisant Nginx. Assurez-vous de créer une nouvelle configuration pour chaque site, de spécifier le nom de domaine approprié, le dossier racine des fichiers du site, d'activer la configuration et de redémarrer Nginx pour appliquer les modifications.

N'hésitez pas à consulter la documentation officielle de Nginx ou à rechercher des tutoriels supplémentaires pour obtenir des informations plus détaillées sur la configuration de Nginx pour l'hébergement de sites statiques.

Conclusion

L'hébergement statique avec Nginx est une méthode simple et efficace pour déployer des sites web. Dans ce chapitre, nous avons vu comment configurer Nginx pour servir un site statique sur un serveur Ubuntu. En suivant ces étapes, vous pouvez héberger n'importe quel site statique sur votre propre serveur.

Références