Mise en place de WampServer

Créer un site internet » CMS spécial free » Préambule à la création d'un site dynamique dédié à free.fr » Mise en place de WampServer

Mise en place de WampServer

4 commentaires

Pour la mise en application de ce tutoriel sur la création d'un site dynamique sous FREE (ou autre hebergeur qui n'autorise pas l'url rewriting) nous allons utiliser le logiciel WampServer dont nous allons devoir modifier/adapter quelques fichiers afin de pouvoir réaliser un site web dynamique avec des url comportant des mots clés et sans extension. Nous allons également faire en sorte que l'on puisse accèder au site sous Wamp en appelant directement le dossier qui contient le site...hum

, je sens que ce n'est pas très clair..!

Explication :
Quand on créer un site internet sous WampServer, on range les dossiers dans "www directory". Ensuite, sous "Localhost" apparait le dossier sous le signet "Vos projets". Quand on clique sur le dossier concerné, l'url se présente sous la forme "http://localhost/nom-du-dossier/" et nous nous allons faire en sorte que l'url affiché soit sous la forme "http://nom-du-dossier". De cette façon, nous allons réaliser un site web comme si on le réalisait directement à la racine d'un vrai serveur chez un hébergeur ce qui signifie que le contenu des variables PHP que nous allons utiliser seront similaire à celui des mêmes variables sur le site réel.

Etape 1 :
Vous téléchargez WampServer et vous l'installez (voir tutoriel WampServer).

Etape 2 :
Sous Windows, vous ouvrez le fichier situé sous : C:\Windows\System32\drivers\etc\hosts et vous remplacez la ligne 127.0.0.1 localhost par 127.0.0.1 localhost FREE puis vous enregistrez.

Etape 3 :
Sous Wamp, vous ouvrez le fichier situé sous : C:\wamp\bin\apache\Apache2.2.21\conf\httpd.conf et vous décommentez (Supprimez le # de début de ligne) la ligne Include conf/extra/httpd-vhosts.conf puis vous enregistrez.

Etape 4 :
Sous Wamp, vous ouvrez le fichier situé sous : C:\wamp\bin\apache\Apache2.2.21\conf\extra\httpd-vhosts.conf et vous ajoutez à la fin :

<VirtualHost *:80>
   ServerName FREE
   DocumentRoot C:/wamp/www/FREE
   ServerAdmin webmaster@monsite.net
   ErrorLog "C:/Wamp/logs/FREE_error.log"
  <Directory "C:/wamp/www/FREE/">
    Options Indexes FollowSymLinks MultiViews
    AllowOverride all
    Order Deny,Allow
    Deny from all
    Allow from localhost
    Allow from 127.0.0.1
  </Directory>
</VirtualHost>

Etape 5 :
Sous Wamp, vous ouvrez le fichier situé sous : C:\wamp\www\index.php et vous cherchez le code (ligne 289 sous Notepad++) :

if (is_dir($file) && !in_array($file,$projectsListIgnore))     
$projectContents .= '<li><a href="'.$file.'">'.$file.'</a></li>';

que vous remplacez par :

if (is_dir($file) && !in_array($file,$projectsListIgnore)) 
if ($file=="FREE")
{
$projectContents .= '<li><a href="http://'.$file.'">'.$file.'</a></li>';
}
else
{        
$projectContents .= '<li><a href="'.$file.'">'.$file.'</a></li>';
}

Vous enregistrez le tout.

Etape 6 :
Démarrez (ou redémarrez) Wamp puis allez sur "www directory". Faites un clique droit dans la fenêtre qui s'ouvre puis créez un nouveau dossier que l'on va nommer "FREE". C'est ce dossier qui va contenir le futur site et c'est donc dans ce dossier que nous allons "ranger" tout nos futur fichiers.

Vérification :
Cliquez sur l'onglet de Wamp dans la barre des taches puis sur "Localhost". Sous "Vos Projets", cliquez sur le dossier "FREE". Si l'url affiché dans la barre d'adresse est "http://free" ou juste "free" c'est tout bon, sinon, vous avez zappé un truc!

Catégorie CMS spécial free

Commentaire sur : Mise en place de WampServer

Signaler une erreur

Introduction à la création d'un site web dynamique dédié à free.frPréambule à la création d'un site dynamique dédié à free.fr Structure du site