Attention, les sites que vous allez réaliser ne seront pas visibles sur l’internet ! Ils n’existent que sur votre PC et, éventuellement, sur le réseau local dans lequel vous évoluez si vous décidez d’ouvrir votre serveur à votre LAN mais c’est un excellent moyen de s’entrainer aux manipulations sur le blog et la boutique pendant vos révisions pour l’épreuve E5 technique.

Avant de commencer, rappelons que WAMP, WordPress et Prestashop sont des logiciels gratuits que vous pouvez donc installer en tout légalité sur vos ordinateurs.

L’installation de WAMP (1) est à faire au préalable de tout le reste (et une seule fois) car c’est l’émulateur qui permettra à vos blogs de fonctionner. Pour chaque blog (3) ou chaque boutique (4), il faudra au préalable créer une base de données (2).

1. Installation du serveur WAMP
2. Configuration d’une base de données MySQL
3. Installation d’un blog WordPress
4. Installation d’une boutique Prestashop

Installation de WAMP Server

WAMP Serveur est un émulateur qui va transformer votre PC en serveur de bases de données pour vos CMS WordPress et PrestaShop (mais vous pourrez aussi installer grâce à lui tous vos CMS préférés comme SuiteCRM par exemple). Il faudra commencer par le télécharger et l’installer en vous rendant sur le site ou en suivant directement Le lien.

• Une fois le téléchargement terminé, procédez à l’installation puis lancez le serveur en double-cliquant sur son icone (apparue sur votre bureau). C’est déjà fini pour cette étape qui, je le rappelle, n’est à faire qu’une fois. Si vous avez besoin d’assistance supplémentaire, je vous conseille ce tuto, mais, vous verrez, c’est très simple.

Configuration d’une base de données MySQL

• Cliquer sur l’icône WAMP qui est apparue dans la barre de taches puis sur “phpMyAdmin“

Si l’icône WAMP n’est pas visible, cliquez sur la pointe à gauche des icônes visibles pour afficher ceux qui étaient masqués et repérez l’icone W encadrée (normalement en vert si le serveur est bien configuré)

• saisissez root en nom d’utilisateur et laissez le mot de passe vide
• cliquez sur Exécuter
• Dans l’interface qui apparait, cliquez dans le bandeau de gauche sur “nouvelle base de données“
• Donnez un nom à votre base
• Choisissez un format de données (si vous ne savez pas, laissez “uft8_general_ci” par défaut)
• Cliquez sur “créer“

retenez le nom de la base de données, elle vous sera demandée lors de l’installation de WordPress et de Prestashop.(et il en faudra une différente pour chaque blog et chaque boutique)

Installation de WordPress

• Téléchargez WordPress depuis ce lien puis dézippez l’archive (clic droit, extraire vers…)
• renommez le dossier dézippé avec le nom de domaine que vous voulez donner à votre blog (par exemple “WP1” pour votre 1er blog WordPress)
• Copiez-collez ce dossier dans c:\wamp64\www\ (si vous n’avez pas modifié les chemins d’installation lors du setup de WAMP)
• Rendez vous dans votre navigateur à l’adresse : http://localhost/wp1/ (remplacez WP1 par le nom de domaine que vous avez donné à votre dossier

Une page d’installation correspondant à l’aperçu ci-dessous apparait :

• Cliquez sur suivant pour définir la configuration de votre blog

Le programme d’installation vous demande le nom de la base de données (celui que vous avez défini dans MySql). Pour me simplifier les choses, je donne le même nom de domaine à mes blogs ou mes boutiques que le nom de la base de données que je leurs dédie mais vous n’êtes pas obligé(e) de faire comme moi..

Si vous avez sauté l’étape 2, il est encore temps de corriger le tir, abandonnez cette page et retournez ici pour suivre les instructions.

• indiquez le nom de la base MySQL et l’identifiant root puis cliquez sur “envoyer”. Dans cette exemple, le blog WP1 se connecte à la base WP1 de MySQL.

Bravo ! Vous avez connecté votre blog à votre base de données. Il faut maintenant définir l’administrateur de votre site :

• Définissez le titre du site (vous pourrez le changer dans le tableau de bord à tout moment si vous n’êtes pas inspiré(e) tout-de-suite.
• Indiquez l’identifiant de l’administrateur par défaut (respectez bien les règles énoncées juste en dessous des zones de texte)
• Définissez un mot de passe (moins stupide que le mien)
• Confirmez éventuellement l’utilisation d’un mot de passe faible ou moyen si vous n’avez pas suivi mon dernier conseil.
• Indiquez votre adresse mail et cliquez sur “installer“

En fin d’installation, vous verrez le message de félicitations ci-dessous (vous pouvez vous auto-congratuler) :

Pour atteindre le back office de votre blog, rendez-vous à l’URL : http://localhost/WP1/wp-admin
Pour atteindre le front office de votre blog : http://localhost/WP1/

Remplacer évidemment WP1 par le nom de domaine que vous avez renseigné.

Installation de PrestaShop

• Comme pour les autres CMS, il faudra créer une base de données MYSQL avant de se lancer dans l’installation de PrestaShop à proprement dit.
• Une fois cette étape passée, téléchargez l’archive d’installation,*
• Décompressez-la
• Copiez le répertoire décompressé dans le répertoire www de WAMP (normalement, c:\wamp64\www\ si vous avez laissé l’installation de WAMP se dérouler par défaut).
• Renommez-le avec le nom de domaine que vous souhaitez pour votre boutique (pour cette démo, j’ai nommé le mien presta1).

* Le lien de l’archive provient de mon drive parce que le lien direct demande une adresse mail qui sera forcément spammé (pas top de profiter d’un produit gratuit pour gagner de l’argent mais cela ne semble pas déranger la plateforme prestashop.com). Il est donc en version 1.7.7 (la plus récente à l’heure où je crée cette article mais pas certain que je prenne le temps de faire les mises à jours au fil du temps). Quand vous cliquerez sur le lien, Google drive vous indiquera qu’il ne peut pas afficher l’archive, cliquez sur “télécharger”).

• Lancez le serveur WAMP (si ce n’est déjà fait)
• depuis votre navigateur, tapez l’adresse http://localhost/presta1/ (remplacez presta1 par le nom de votre domaine à vous).

Vous arrivez normalement sur le panneau d’installation ci-dessus

• Cliquez sur “Next” après avoir vérifié que vous installez en français (ou dans une langue que vous comprenez, cela m’est égal).
• Acceptez les termes de la licence Open Software License (“OSL”) v. 3.0 (de toute manière, vous n’avez pas le choix) puis cliquez sur “suivant” (ou “next”, “proximo”, “siguente”, “naschter” … ou je ne sais quoi selon la langue que vous avez choisie)
• Indiquez à présent vos paramètres de boutique (notez que vous pouvez choisir d’installer ou non les produits de démo)

• Dans le panneau suivant, indiquez le nom de la base de donnée dédiée à votre boutique (il est encore temps de la créer si vous avez oublié (voir ici comment faire)
• Donnez les identifiants phpMyAdmin de WAMP (par défaut : “root” sans mot de passe)
• laissez l’adresse en 127.0.0.1 qui est l’adresse IP dite de loopback (correspondant à localhost)

• il est plus prudent de tester la connexion à la base avant de continuer

• après confirmation de la connexion, cliquez sur suivant

la création des tables peut durer un long moment, donc, soyez patient(e).

Si vous arrivez au panneau ci-dessous, vous êtes un champion !

Il reste tout de même deux choses à faire : supprimer le répertoire d’install par sécurité et renommer le dossier ADMIN pour éviter d’être piraté (même si ça ne risque pas d’arriver en localhost mais c’est une règle incontournable).

Supprimer le dossier INSTALL

• Rendez-vous dans le répertoire www de WAMP
• Cliquez sur le dossier “install” et supprimez-le

Renommer le dossier ADMIN

• Cliquer sur le dossier admin…. (l’installation a ajouté tout seul des caractères au nom du répertoire par sécurité)
• Remplacez ces caractères par ceux de votre choix (il faudra vous en rappeler car c’est le chemin vers votre backoffice)

Cette fois, c’est terminé !

• pour atteindre votre backoffice, tapez l’adresse http://localhost/presta1/adminxx/ (remplacez adminxx par le nom que vous avez donné à votre dossier admin. Votre nom d’utilisateur est votre adresse mail et votre mot de passe, celui que vous avez défini pendant l’installation.

Vous disposez maintenant d’un serveur local qui vous permet de simuler une boutique, une blog, une base de données CRM … il n’y a pas de limites tant que la technologie utilisée et le langage PHP connecté à une base de données MySQL, ce qui est le cas de la plupart des CMS présents sur le web.

Toutes vos questions sont les bienvenues en commentaires mais je précise que ce blog n’est pas une hotline et que j’ai vraiment très peu de temps à lui consacrer.

L’article WAMP | Serveur local d’entrainement est apparu en premier sur st9ph.fr.