Comment héberger un site sur son Pc chez soi ?

Mis à jours 2 avril 2023

Héberger votre propre site Web chez soi ne doit pas vous coûter de frais mensuels. La configuration ne demande pas non plus beaucoup de connaissances techniques. Si vous avez juste besoin d’héberger un petit site Web qui n’aura que quelques visiteurs, vous pouvez transformer votre PC Windows en serveur.

Dans ce tutoriel, vous découvrirez 2 façons pour héberger un site chez soi:

  1. En se servant uniquement APACHE
  2. En utilisant le logiciel WAMP (recommandé)
WAMP

Devriez-vous héberger votre propre site localement ?

Héberger votre propre site Web sur votre ordinateur local est très amusant et instructif. Si vous avez un vieux PC et avez une connexion internet à haut débit, vous pourriez créer votre propre site web gratuitement en moins d’une heure.

Par contre, si vous voulez créer un site Web pour que les gens puissent acheter vos produits et services, vous devriez peut-être acheter votre propre plan d’hébergement Web auprès d’un fournisseur.

GreenGeeks propose un hébergement Web illimité pour 2,95€ par mois, avec toute une assistance technique pour PHP et MySQL. C’est sans doute une option facile pour démarrer avec un site Web. En plus, ils ont des installateurs en 1 clic pour vous aider à démarrer avec des logiciels populaires comme WordPress et d’autres.

Si vous hébergez vous-même votre propre site local auquel vous souhaitez que les gens accèdent, vous devrez ouvrir le pare-feu de votre ordinateur personnel.

Cela signifie que vous risquez d’ouvrir des failles de sécurité. Il vaut vraiment la peine de penser à trouver un plan d’hébergement web bon marché.

Si vous voulez juste un serveur de développement local, alors continuez à lire ce qui suit.

Méthode 1 : Utilisation d’Apache

1. Procurez-vous le logiciel de serveur Apache.

Téléchargez la licence publique Apache HTTP Server sur votre ordinateur. Ce logiciel gratuit est aussi le serveur le plus communément utilisé sur internet.

Téléchargez la licence publique Apache HTTP Server

2. Double-cliquez sur le fichier téléchargé pour l’installer.

Remplissez les champs requis du dialogue. Vous pourrez changer ces informations plus tard.

Remplissez les champs requis du dialogue de l'installation Apache

3. Sélectionnez l’installation personnalisée à partir des options dans le prochain dialogue.

Déplacez le répertoire d’installation dans le fichier de votre choix.

Choix répertoire de l'installation Apache

4. Allez dans ce répertoire et cherchez le dossier « conf ».

Dans ce dossier, ouvrez le fichier « httpd.conf ». À présent, dans votre « Serveur Web », créez un répertoire de base pour votre site web; par exemple, « C:\Web\MyWeb ».

ouvrez le fichier  httpd.conf

5. Changez le DocumentRoot par défaut

À partir de « httpd.conf », changer le chemin de la racine d’Apache pour votre répertoire d’installation.

Avant:

Modification du chemin de la racine

Après:

utilisez votre répertoire d’installation

6. Changez le répertoire web Apache.

Toujours dans le même fichier, changez le répertoire web Apache par défaut en votre propre répertoire web.

Avant:

Changez le répertoire web Apache Avant

Après:

Changez le répertoire web Apache Après

7. Utilisez un code HTML de base et créez une page test 

Écrivez-y « Je suis le meilleur ! » Enregistrez-là sous « C:\Web\MyWeb\index.html »

Ajouter un code HTML de base et créez une page test

8. Ouvrez votre port 80 dans votre Pare-feu et votre modem router

C’est une étape importante pour la redirection de port. Cela permet ainsi aux visiteurs de l’internet d’avoir accès à votre site et de le consulter sans problèmes.

9. Localisez votre site.

À présent, dans votre « Serveur Web », ouvrez votre navigateur préféré et tapez dans la barre d’adresse, http://localhost/. Votre page web vous sera servi par internet sur votre navigateur.

Accéder à votre page wweb via Localhost

10. Récupérez l’IP de votre domicile

Il s’agit de l’adresse internet que votre fournisseur internet vous a donné. Vous pouvez la retrouvé en allant sur ce site https://www.whatismyip.com/

Demandez à un ami de visiter votre site pour vérifier que tout fonctionne correctement. Votre site est désormais accessible au public à présent.

N’oubliez pas de laisser marcher votre ordinateur 24h7j

IP site web héberger sur votre ordinateur pc

Si votre IP est 98.227.112.49 par exemple, alors votre ami doit taper http://98.227.112.49/

Cette IP est susceptible de changer. De plus, elle est difficile à retenir. Elle doit être maintenue de façon dynamique, et désignée par un nom de domaine comme les autres sites, par exemple [www.monsitedelamaison.com]. C’est pourquoi il faut acheter un nom de domaine.

Méthode 2: Héberger votre site sur votre pc en utilisant WAMP

Qu’est-ce que « WAMP » ?

WAMP pour créer son site Web

WAMP signifie « Windows, Apache, MySQL et PHP ».

WAMP est très pratique. En fait, il vous permet de télécharger et d’installer tous les packages dont vous avez besoin pour héberger un site statique ou dynamique sur votre Pc. Autrement, vous devrez télécharger les différents packages séparément.

Windows

Le « W » dans WAMP spécifie que le programme est compatible avec les systèmes d’exploitation Windows.

Apache

Il s’agit du programme utilisé pour héberger réellement votre site Web. Avec Apache seulement, vous pouvez héberger des fichiers HTML et d’autres contenus Web statiques.

MySQL

Il fournit une base de données pour votre contenu Web. La plupart des pages Web dynamiques doivent stocker des données (c’est-à-dire les noms d’utilisateur et le mot de passe pour les comptes Web), c’est là que MySQL entre en jeu.

PHP

Il s’agit du langage le plus populaire pour écrire du contenu Web dynamique. WordPress, Facebook, Joomla ainsi que de nombreux autres sites Web et systèmes de gestion de contenu utilisent PHP. Si vous prévoyez d’héberger autre chose que des pages Web statiques, PHP sera votre meilleur compagnon.

Si vous utilisez Linux au lieu de Windows, vous devrez installer un LAMP. Il est aussi possible d’héberger un site Web sous Windows à l’aide d’IIS pour éviter d’installer de logiciel tiers.

L’utilisation de IIS pour héberger votre site localement n’est pas recommandé dans la plupart des cas. Puis, il s’agit bien plus d’un processus de prise en charge de contenu Web dynamique. Alors, restez avec WAMP, sauf si vous avez une circonstance unique nécessitant IIS.

Avant de continuer, il faut comprendre qu’héberger un site Web sur votre PC habituel risque de poser certains problèmes. N’oubliez pas qu’à chaque fois que Windows est mis à jour, votre système redémarre et votre site Web tombera en panne. Ce n’est pas une situation idéale pour un site Web sérieux.

Installer WAMP

Il y a plusieurs programmes WAMP, mais nous allons travailler avec WampServer. Allez sur leur site Web et téléchargez la dernière version de leur programme, puis lancez l’installation.

Les invites de commandes d’installation sont explicites. Il suffit de tout garder à sa valeur par défaut et de continuer à cliquer sur Suivant.

Vous pouvez juste cliquer sur Ouvrir à cette invite afin que WampServer utilise votre navigateur par défaut chaque fois que vous voulez consulter votre site Web :

Choix navigateur par défaut pour WAMP

Assurez-vous aussi d’ajouter l’exception de sécurité pour Apache dans le pare-feu Windows :

Ajouter l'exception de sécurité dans le pare-feu Windows

Une fois l’installation terminée, cochez la case « Démarrer WampServer 2 maintenant », puis appuyez sur Terminer. Vous devriez voir le programme s’exécuter dans votre zone de notification.

zone de notification

Cliquez sur le bouton gauche de votre souris en pointant sur l’icône et appuyez sur « Localhost » en haut du menu de sélection pour ouvrir votre site Web.

Localhost

La page par défaut affiche maintenant une petite page d’informations. Cela nous permet de confirmer que tous les composants fonctionnent correctement.

Si vous voyez cet écran, cela veut dire que vous avez correctement installé un serveur WAMP.

Quelques petits dépannages

Quelques petits dépannages

Nous avons fait plusieurs tests d’installation de ce programme. Puis, nous avons constaté que quelques packages de Microsoft sont absolument importants pour que WampServer fonctionne correctement.

Si vous avez rencontré des problèmes jusqu’à ce stade, assurez-vous que les mises à jour suivantes sont installées. Dans le cas échéant, désinstallez WampServer, redémarrez votre PC et réinstallez WampServer.

Packages requis pour WAMP 32 bits :

Microsoft Visual C++ 2008 SP1 Redistributable Package (x86)
Microsoft Visual C++ 2010 SP1 Redistributable Package (x86)
Microsoft Visual C++ 2012 (sélectionner vcredist_x86.exe)

Packages requis pour WAMP 64 bits :

Microsoft Visual C++ 2008 SP1 Redistributable Package (x86) (ce n’est pas une faute de frappe – vous avez besoin du package x86)
Microsoft Visual C++ 2008 Redistributable Package (x64)
Microsoft Visual C++ 2010 SP1 Redistributable Package (x64)
Microsoft Visual C++ 2012 (sélectionner vcredist_x64.exe)

Configuration supplémentaire de WAMP

Pour modifier les pages affichées par votre serveur Web, ouvrez le répertoire www. Pour cela, il faut cliquer gauche sur l’icône WAMP dans la zone de notification.

répertoire www

Un dossier va s’ouvrir. C’est là que vous devez sauvegarder tous les fichiers que vous voulez héberger sur votre site Web. Tout, des fichiers d’installation de WordPress aux fichiers HTML statiques, peut être stocké dans cet endroit. Ainsi, les modifications seront répercutées instantanément sur votre site Web (il suffit de cliquer sur Actualiser).

Voyons un petit exemple de la façon dont vous devriez déposer le contenu dans ce dossier pour qu’il soit diffusé sur votre site Web.

Vous pouvez utiliser un programme de développement Web ou quelque chose d’aussi simple que le Notepad pour créer une page PHP basique et la mettre sur votre site Web.

Le code suivant sera un bon début :

<html>
<head>
<title>PHP Test</title>
</head>
<body>
<?php echo '<p>Hello World</p>'; ?>
</body>
</html>

Collez ce code dans Notepad et enregistrez votre fichier sous index.php dans C:\wamp\www

fichier php

Revenez maintenant à votre site Web (ou appuyez sur Actualiser [F5] si vous l’avez déjà ouvert). Ainsi, vous verrez la page que vous venez de créer.

Aperçu de la page créée

Par défaut, votre site Web n’est actuellement accessible que par l’ordinateur sur lequel vous avez installé WampServer.

C’est parfait pour tous ceux qui utilisent leur serveur WAMP uniquement à des fins de test ou de développement.

Mais pour rendre votre site Web accessible au reste du monde, il faut cliquer sur l’icône WampServer, ensuite sur « Mettre en ligne ».

Mettre en ligne le site Web

Le fichier de configuration Apache est défini par défaut pour refuser les connexions entrantes de tout le monde, sauf de l’hébergeur local.

Cela dit, vous devrez aussi modifier deux lignes de code afin que les autres appareils n’affichent pas une erreur 403 « accès interdit » chaque fois qu’ils chargent votre site Web.

Accédez à httpd.conf (fichier de configuration Apache) en cliquant gauche sur le menu WampServer et en consultant le dossier Apache.

Accédez à httpd.conf.

Faites défiler vers le bas jusqu’à ce que vous voyiez le code suivant :

Order Deny,Allow
Deny from all

Supprimez ce code et remplacez-le par :

Order Allow,Deny
Allow from all

Enregistrez les modifications dans httpd.conf et redémarrez tous les services.

Redémarrez tous les services

Maintenant, votre site devrait être accessible à partir du World Wide Web. Dans le cas échéant, assurez-vous d’avoir transféré le port 80 vers votre ordinateur sur votre routeur.

Aina Strauss

Check Also

Processus d’évaluation des sociétés d’hébergement Web

Mis à jours 21 octobre 2020 Nous suivons la même approche pour chaque hébergeur Web …

Share via
Copy link
Powered by Social Snap