Bienvenue sur le blog de Philippe Kouadio

XAMPP Environnement de développement php

INSTALLER XAMPP WORDPRESS ET JOOMLA SUR CLÉ USB

XAMPP est un serveur local intégrant mySQL, PHP and Perl (AMPP dans XAMPP) qui s’installe et s’exécute sur un disque externe ou une clé USB. Il est entièrement préconfiguration et prêt à l’usage. Il suffit juste de décompresser le fichier .zip et de l’exécuter. Il y a bien-sur une version qui peut s’installer sur un disque dur d’ordinateur.
Dans le fond, XAMPP permet de faire en local sur son ordinateur tout ce qu’on pourrait faire sur un compte (serveur et espace web) payant.

INSTALLER XAMPP

  • Télécharger XAMPP portable (taper Xampp portable dans google ou aller ici);
  • Décompresser le fichier .zip téléchargé et le mette dans sur la clé USB. Le nom du répertoire sera : xampp;
  • Aller dans le répertoire xampp et cliquer 2 fois sur setup_xampp.bat pour installer xampp (rien ne sera écrit sur le disque dur).
  • Laisser l’installation se réaliser et une fois terminée, fermer la fenêtre;
  • Cliquer 2 fois sur xampp-control.exe, le programme s’ouvrira;
  • Cliquer sur start Apache, puis sur start Mysql. Ces deux programmes deviendront verts.

NB: Si par hasard problème d’exécution, fermer et quitter xampp-control:

  • Cliquer 2 fois sur apache_start.bat et lui laisser le temps de s’exécuter, puis le fermer;
  • Cliquer 2 fois sur xampp-control.exe et starter Apache puis Mysql. Tout devrait fonctionner.

— Votre serveur est installé et en fonction. c’est comme si vous avez un serveur et un espace web sur votre clé USB —–

INSTALLATION DE WORDPRESS SUR XAMPP SUR CLÉ USB

Voici les étapes:

  • Créer une base de données;
  • Télécharger WordPress;
  • Installer WordPress.

CRÉATION DE LA BASE DE DONNÉES

La base de données est créee à partir PhpMyAdmin qui est intégré à Xampp.

Laisser xampp-control en fonction. Il doit être en fonction (en arrière plan et Appache et MySQL en exécution tout le temps que le serveur Xampp sera en fonction)

  • Ouvrir le web browser et taper: http://localhost ou http://localhost/xampp/ ou encore http://127.0.0.1/xampp/
  • Cliquer sur Tools/PhpMyAdmin puis Base de données , dans l’espace sous créer une base de données, donnez un nom à votre base de données (Ex: Site_1db).
  • Cliquer sur Créer. La base de données est ainsi créée.

Cette création de base de données est indispensable pour installer WordPress.

TÉLÉCHARGER ET INSTALLER WORDPRESS

Aller sur le site de wordpress (WordPress.org) et télécharger la dernière version de wordpress sur votre ordinateur et décompresser ce fichier .zip
Aller sur la clé USB, dans le repertoire xampp et dans le dossier htdocs et créer dans ce repertoire un dossier que vous pouvez appeler par exemple Site_1. Copier tous les fichiers dans le dossier de décompression de WordPress et collez-les dans le nouveau repertoire (Site_1) créée dans htdocs.

Maintenant, ouvrir le browser et taper: http://127.0.0.1/Site_1 (Site_1 étant le nom du dossier de htdocs dans lequel les fichiers de wordpress ont été copiés).
Cliquer « create configuration file » sur la page qui apparaît.
Une nouvelle page s’ouvre et demande l’inscription des informations.
Database name: écrire le nom donné à la base de données (ici: Site_1db).
user name : root (garder root comme username à ce stade)
Password: (ne rien inscrire)
Database host : localhost (laisser comme tel)
table prefixe: wp_ (laisser comme tel)
Cliquer sur Submit.

Sur la nouvelle page qui va apparaître, c’est là qu’il va falloir choisir le surnom et le mot de passe de l’administrateur.
Remplir comme il faut avec un mot de passe et mettre un courriel fonctionnel. Décocher la case à côté de Privacy.
une fois tout rempli, cliquer sur install. WordPress va alors s’installer.
Il s’affichera ensuite WordPress pour que l’administrateur puisse entrer son nickname et mot de passe pour aller configurer Worpress et créer ensuite des pages.
La page pourra être maintenant vue en tapant ceci dans ton browser:
http://127.0.0.1/Site_1 (Site_1 étant le nom du dossier de htdocs dans lequel les fichiers de wordpress ont été copiés)

Référence: http://www.wpbeginner.com/wp-tutorials/how-to-install-wordpress-on-a-usb-stick-using-xampp/

Lien intéressant: comment transférer son site WordPress créé localement vers le net:
http://www.wpbeginner.com/wp-tutorials/how-to-move-wordpress-from-local-server-to-live-site/

INSTALLER UN THÉME DE WORDPRESS

Pour installer un thème WordPress: Exemple Megashop
Le thème en un fichier zip: déziper
Le repertoire nécessaire est: themeforest-mega-shop-responsive\WCM010013_WP_Theme\WCM010013
copier le répertoire et collez-le dans: xampp\htdocs\ecommerce\wp-content ecommerce est le répertoire du site web
Aller ensuite sur le site: http://localhost/ecommerce
faites votre login. il sera demandé le login et le mot de passe WordPress.
une fois logué, cliquer sur Apparence, puis Themes sur cette page, vous verrez the theme Megashop. Activez -le.
vous pouvez commencer à faire la configuration.

Il faut maintenant installer les plugins:
les plugins sont dans le fichier du thème zippé tantot, dans: themeforest-mega-shop-responsive\Word Press plugins.
Chaque fichier dans ce repertoire est un plugin.
2 Méthodes d’installation:
Méthode 1- les installer un a un en allant dans plugins, sur le site une fois loggué, clique Add new, cliquer uplod, aller cherche le plugin dont il est question et l’installer.
Méthode 2- (sur le disque)Dézipper chacun des fichier zip qui sont dans le repertoir: themeforest-mega-shop-responsive\Word Press plugins
Copier chacun des répertoires, pas juste le contenu des repertoires, mais chacun des repertoires au complet (comme: Woocommerce par ex)
et les coller dans xampp\htdocs\ecommerce\wp-content\plugins. Une fois tout copié, si vous allez logger sur le site et aller dans plugins, toutes les pulgins du repertoire plugins du disque seront installés. Il restera juste à les activer.

Dans la méthode 1, des fois on ne réussit pas à installer des fichiers zip qui sont gros. Il s’affiche une message d’erreur
Dans l’exemple que j’ai fait l’installation des plugins selon la méthode 1, à part celui nommé woocomme.zip qui fait presque 10 meg qui n’a pas pu être installé par la méthode 1. Je l’ai installé en utilisant la méthode 2.

EXEMPLE WP install

Je voulais réinstaller megashop sur mon Site_1,
Wordpress a déja été installé.
J’ai extrait de mon fichier de thème Megashop les fichier zippés:
WCM010013_WP_Theme.zip et WordPress Plugins.zip. Le 1er fait 5 meg et le second 15 meg. Trop gros pour les installer directement Il faut donc dézipper encore ces 2 fichiers.
Dézipper tous les fichiers de WCM010013_WP_Theme.zip et prendre tout le repertoire WCM010013 pour l’envoyer dans:
Xampp/htdocs/Site_1/wp-content/themes
Aller sur localhost/Site_1/wp-signup.php (ajouter la partie wp-signup.php pour aller faire directement le login dans WordPress
Fait mon login
Clique sur: Apparence, puis Theme.
On voit dans la liste que le theme Magashop y est.
Cliquer sur activate pour activer le theme mégashop.
Cliquer sur blog/visite site pour voir de quoi le site a maintenant l’air.
revenir en arrière pour commencer la configuration site.
Dans le cas présent, ça sera fait plus tard.
Pour l’instant je veux installer le plugin du calendrier Eventscalendar. Il s,agit de la version 1.2.5
le fichier zip a l’intérieur -eventsplus_install.zip- est de 3.7 meg j’essai de l’installer an allant sur le site dans plugin/add new/upload
je vais chercher le fichier et click sur install. ça ne marche pas. fichier trop gros.
Je vais donc dézipper le fichier eventsplus_install.zip, j’ai le repertoire -eventsplus-. je copie tout le repertoire et je le colle dans :
Xampp/htdocs/Site_1/wp-content/plugins
Une fois fait, je retourne sur le site dans lequel je suis déja loggué. clique sur installed plugins et je vois bien eventplus dans la liste des plugins. Il reste juste à l’activer.
Rien ne change sur le site après l’activation. c’est plus tard après la configuration.
Je vais écouter les vidéos avant d’effectuer la configuration.

INSTALLATION JOOMLA

Avant tout, il faut d’abord créer une base de données. Pour cela xampp-control doit être en fonction et Appache et Mysql doivent être activés.
Ouvrir le web browser et taper: http://localhostxampp/ ou http://127.0.0.1/xampp/
Cliquer sur Tools/PhpMyAdmin puis Base de données, dans l’espace sous créer une base de données, donnez un nom à votre base de données (Ex: joomla344).
cliquer sur Créer. La base de données est ainsi créee. cette création de base de donées est indispensable pour installer Joomla.

Aller sur le site de Joomla (Joomla.org) et télécharger la dernière version de Joomla sur votre ordinateur et décompresser ce fichier .zip
Aller sur la clé USB, dans le repertoire xampp et dans le dossier htdocs et créer dans ce repertoire un dossier que vous pouvez appeler par exemple joolma344. Copier tous les fichiers dans le dossier de décompression de Joomla et collez-les dans le nouveau repertoire (Joomla344) créée dans htdocs.
Maintenant, ouvrir le browser et taper: http://127.0.0.1/joomla344 (joomla344 étant le nom du dossier de htdocs dans lequel les fichiers de Joomla ont été copiés).
Cliquer « create configuration file » sur la page qui apparaît.
Une nouvelle page s’ouvre et demande l’inscription des informations.

Step 1. Main Configuration
o Select Language: Choose your own language in the drop-down menu, for example, English (United States)
o Site Name: Enter the name of your site
o Description: Enter the description of your site
o Site Offline: Choose status for your website when you access to your site: Click Yesfor offline and No for online
o Admin Email: Enter your valid email address you want to use for your site
o Admin Username: Enter admin as default (j’ai mis philippek et ca a marché)
o Admin Password: Enter your own password
o Confirm Admin Password: Re-type your password
o Click Next to continue Step 2
Step 2. Database Configuration
o Database Type: Select MySQLi
o Host Name: Enter localhost
o Username: Enter root
o Password: let it blank
o Database Name: enter the name of the database you created “joomla344”
o Table Prefix: let it generate automatically
o Old Database Process: Click “Backup” to backup tables from former Joomla! installation, or “Remove” to delete these tables (choisi delete)
o Click “Next” to continue Step 3
• Step 3. Overview
o Finalization: You can choose installing sample data or not, by clicking on corresponding selection.
o Overview: This step is to review all information you configured in step 1. After checking, you click “Install”.
o When installation finishes, you just need to click the button “Remove installation folder”button to complete the installation process. After that, you can either click on “Site” to see your newly created or “Administrator” to access the administration area.
Now you have your first Joomla! site installed successfully! It’s not too hard, right? If you have any trouble with the installation process, you can try in the following sources for the answer:

XAMPP MYSQL DATABASE ACCESS – Accès à la base de données Mysql

By default, when you install XAMPP in your windows machine, the root password for the MySQL is set to empty. But this is not recommended, as the MySQL database without a password will be accessible to everyone. To avoid this, a proper/secure password must be set to the user root.
Here is a way to do it.
Reset XAMPP MySQL root password through web interface:
Start xampp server
open your browser
type the folowing url:

After you started your XAMPP server, go to the browser and type the URL http://localhost/security/xamppsecurity.php
The security page will be diaplayed and you’ll be able to type and retype your password.
Click on « Password changing »
That is!
This will update the phpMyAdmin config also.
This password will be needed anytime to want to acess to mysql.
root has now a password.
You will be able to change the root password again, but you’ll need to enter your current password.

After that operation, you should set root access password for all the applications, website that uses datatbase.
The files where you have to set root password are: wp_config.php for Worpress pages, configuration.php for Joomla pages, config.php for some applications (dopproject)

CD COLLECTION
There is a CD collection php file that can be executed and used in Xampp.
After adding a password to root access, the acess on the CD collection is denied.
Here is what to do to activate CD collection acess
Go to your files Xampp directory on your drive at: xampp/htdocs/xampp
Locate the file named: cds.php
Open that file in notpad or Notepad++
Go to the line 5
mysql_connect(« localhost », « root », «  »);
Type your root password between the quotes
You’ll get:
mysql_connect(« localhost », « root », « myrootpassword »);

go to the line 78
if(!mysql_connect(« localhost », »root », » »))
Type your root password between the quotes.
You’ll get: if(!mysql_connect(« localhost », »root », »myrootpassword »))
Save cds.php.
That’s, you’ll be able to open your CD collection

PROBLÈME AVEC L’IMPORTATION ES BASES DE DONNÉES
Avec Xamp, il se pourrait que des fois il y ait un problèeme d’importation de bases de données, lorsque celles-ci sont trop lourdes.
Par défaut, la taille attribuée pour l’importation des bases de données est de 4 ou 8.
Pour le changer, se rendre à:
xamp/php/
localiser le fichier php.ini
Éditez-le. à la ligne
à la ligne 770, vous verrez: post_max_size = 8M.
Remplacer le 8 ou le 4 par ce que vous voulez pour obtenir quelque chose du genre:
post_max_size = 128M

TRANSFERT D’UN LOGICIEL WEB INSTALLÉ SUR XAMPP VERS SERVEUR WEB

Faire le backup de la base de données
Creer une nouvelle base de données du côté du serveur web.
a partir de sqlMyAdmin, importer la copie de la base de données dans la nouvelle base créee.
Faire les modification dans le fichier config.php pour l’accès a la base de données:
nom de la base de données et les mot de passe pour l’acces.
Copier tout lerepertoir du logiciel dans le repertoire htdoc de Xampp vers l’emplacement du serveur web
Si tout s’est fait comme il faut il suffit juste d’aller taper l’adresse du lien dans le browser et la page devrait s’afficher.

Les commentaires sont fermés.

Scroll To Top