202408_tuto Mettre un site en ligne

Table of Contents

Déployer Apache

1. Lancer Apache via XAMPP

Ouvre le panneau de contrôle XAMPP (xampp-control.exe).
Dans le panneau, clique sur le bouton « Start » à côté d’Apache. Une fois lancé, tu devrais voir un message indiquant que le service est démarré.

2. Placer les fichiers de ton site

Le répertoire par défaut où Apache sert les fichiers web sous XAMPP est C:\xampp\htdocs\.
Crée un nouveau dossier dans htdocs pour ton site, par exemple « nomdusite ».
Place tous les fichiers de ton site web (HTML, CSS, JS, PHP, etc.) dans ce dossier. Si tu utilises WordPress, décompresse-le ici.

3. Configurer un hôte virtuel (Virtual Host)

Pour que ton site réponde à nomdusite.fr, tu peux configurer un hôte virtuel dans Apache :
1. Modifier le fichier httpd-vhosts.conf :
  - Le fichier se trouve ici : C:\xampp\apache\conf\extra\httpd-vhosts.conf.
  - Ouvre-le avec un éditeur de texte (comme Notepad++) et ajoute les lignes suivantes :

Ouvre-le avec un éditeur de texte (comme Notepad++) et ajoute les lignes suivantes :

<VirtualHost *:80>
    ServerAdmin admin@nomdusite.fr
    DocumentRoot "C:/xampp/htdocs/nomdusite"
    ServerName nomdusite.fr
    ServerAlias www.nomdusite.fr
    ErrorLog "logs/nomdusite-error.log"
    CustomLog "logs/nomdusite-access.log" combined
</VirtualHost>

2. Activer le fichier httpd-vhosts.conf :

Ouvre le fichier principal de configuration d’Apache : C:\xampp\apache\conf\httpd.conf.
Cherche la ligne suivante et enlève le # au début si ce n’est pas déjà fait :

Include conf/extra/httpd-vhosts.conf

4. Modifier le fichier hosts de Windows

Pour que nomdusite.fr pointe vers ton serveur local, tu dois modifier le fichier hosts de Windows :

Ouvre le fichier C:\Windows\System32\drivers\etc\hosts avec un éditeur de texte en mode administrateur.
Ajoute la ligne suivante à la fin du fichier :

127.0.0.1    nomdusite.fr

Sauvegarde et ferme le fichier.

5. Redémarrer Apache

Retourne dans le panneau de contrôle XAMPP et clique sur « Stop » puis « Start » pour redémarrer Apache et appliquer les modifications.

6. Accéder à ton site

Ouvre ton navigateur et tape nomdusite.fr dans la barre d’adresse. Si tout est bien configuré, ton site devrait s’afficher.

7. Configurer la base de données

Si tu utilises une base de données (comme pour WordPress), assure-toi que les informations de connexion à la base (nomdelabasededonnées) sont correctement configurées dans tes fichiers PHP (par exemple dans wp-config.php pour WordPress).

8. Tester et Déployer

Teste ton site pour t’assurer que tout fonctionne comme prévu : navigateurs, formulaires, connexions à la base de données, etc.
Si tu rencontres des problèmes, tu peux consulter les fichiers de log dans C:\xampp\apache\logs\ pour diagnostiquer les erreurs.

Avec ces étapes, ton site devrait être accessible localement via nomdusite.fr sur ton installation XAMPP.