How to install and run drupal locally on your PC using Xampp

View this thread on: d.buzz | hive.blog | peakd.com | ecency.com
·@vitusc·
0.000 HBD
How to install and run drupal locally on your PC using Xampp
#### What Will I Learn?
- How to install XAMPP on your PC
- How to install Drupal on XAMPP
- Running Drupal on your locally PC

#### Requirements
- Some of free time
- Internet Connection

#### Difficulty
- Basic

#### Preparation
In this tutorial you will learn how to install drupal on your PC using Xampp. First of all we have to install XAMPP.

XAMPP is a free and open source web server software, consisting mainly of the Apache HTTP Server, MariaDB database, and interpreters for scripts written in the PHP and Perl programming languages.

 I will present now how to download and install xampp step by step. If you already have XAMPP software on your computer, skip this point.
<center>
https://steemitimages.com/0x0/https://2.bp.blogspot.com/-3RJ6xe96S04/WPdPzP1ZKpI/AAAAAAAAKEo/z_nHdRvU0b4flaU0DD3C6-yse9ot0MC5wCLcB/s400/xampp-logo.png
</center>
<center>
#### XAMPP Installation:
</center>
1. Go to the website: [XAMPP (click here)](https://www.apachefriends.org/pl/index.html)
2. Click on the version that interests you<br>
https://steemitimages.com/0x0/https://res.cloudinary.com/hpiynhbhq/image/upload/v1519826510/bh08rmtrhlpynkrqm9p0.png
<center>
3. Start downloading<br>
https://steemitimages.com/0x0/https://res.cloudinary.com/hpiynhbhq/image/upload/v1519826725/u7uwtfqjgmzpg6uedl9n.png<br>
4. Open XAMPP Installation, and follow my steps:<br>
https://steemitimages.com/0x0/https://res.cloudinary.com/hpiynhbhq/image/upload/v1519826942/zkdl5qcb6dotof4hce3r.png<br>
https://steemitimages.com/0x0/https://res.cloudinary.com/hpiynhbhq/image/upload/v1519826989/hvuts8mr3jtz9omc6ayw.png<br>
https://steemitimages.com/0x0/https://res.cloudinary.com/hpiynhbhq/image/upload/v1519827043/igvjzphkavnrvvmg2lok.png<br>
https://steemitimages.com/0x0/https://res.cloudinary.com/hpiynhbhq/image/upload/v1519827169/moxa29uvbemitcoh0hah.png<br>
https://steemitimages.com/0x0/https://res.cloudinary.com/hpiynhbhq/image/upload/v1519827195/msaa1m3pogr71nof4hbg.png<br>
https://steemitimages.com/0x0/https://res.cloudinary.com/hpiynhbhq/image/upload/v1519827249/pytxdtt9oq5ozpzpkct3.png<br>
https://steemitimages.com/0x0/https://res.cloudinary.com/hpiynhbhq/image/upload/v1519827291/a5ledz2gc1647vsgovey.png<br>
<br>- Choose your language, and click Save.</center><br>
https://steemitimages.com/0x0/https://res.cloudinary.com/hpiynhbhq/image/upload/v1519827328/zceuhvoerxwq5dmiemmn.png<br>
<center>
- You will see a window like this:
</center>
https://steemitimages.com/0x0/https://res.cloudinary.com/hpiynhbhq/image/upload/v1519827404/puiked52gdpwk12vigxg.png<br>
<center>
- Now is the time to start everything. Click the first three "start" buttons, and your window should now look like this:
</center>
https://steemitimages.com/0x0/https://res.cloudinary.com/hpiynhbhq/image/upload/v1519830981/gpp2xluwmxeqhuwgngpc.png<br>
We have already installed xampp. Now we can go to the installation of drupal on our computer.

#### Drupal Installation and running using XAMPP<br>
<br>https://www.mailjet.com/wp-content/uploads/2015/11/drupal-logo-trans.png<br>
Drupal is a content management system and framework written in PHP language, used by over one million websites.<br>After making sure that we clicked the "Start" buttons in XAMPP, enter the browser and enter the URL: <br>localhost/phpmyadmin<br>Should be the same page:<br>
![asv.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1520206557/prpzwprxuq8ranqiqiqo.png)<br>
1. Click on Database tab and enter in the text area: drupal
Then click on the "Create" button.<br>
![wva.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1520206824/xcrtjsekn6fxwezuqrjo.png)
Now we have to download drupal from their website.
We have to go to the site: [https://www.drupal.org/project/drupal/releases/7.4](https://www.drupal.org/project/drupal/releases/7.4)<br>
Then click "Download zip"<br>
![awvawv.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1520208298/ywoloinkmrenjma6mrxb.png)
<br>After downloading, go to the xampp location, for example: C:\xampp , go to "htdocs" folder and extract the "drupal-7.4" folder there.
To make it easier, we change the name of the folder from "drupal-7.4" to "drupal"
Your htdocs folder should look similar (ie it should contain the "drupal" folder).<br>
![dra.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1520207576/ogyqegajoztdnvctnjy0.png)
<br>Now, go to: \xampp\htdocs\drupal\sites\default
and create a file called "settings" with the extension php
Copy the contents of the file "default.settings" (.php) and paste into the "settings" file (.php)<br>
![b4.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1520208401/vwoxevb5dx1dyihq29zr.png)<br>
Now we go to the site: "localhost/drupal"
The page must look like this:<br>
![34b.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1520208511/fgq0ttyn6oithnmet57x.png)
We are now installing Drupal.
Do what I do in turn.
![111.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1520208593/ntabt3lgjsbp8z7wfb1d.png)
![222.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1520208622/y7j3y4qzzainy2tdr13i.png)
Now the error will probably pop up:<br>
![problem.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1520209240/msyjmae2fsw6yvyc7yaj.png)
To fix it, we have to enter the "settings.php" file located in \xampp\htdocs\drupal\sites\default <br>and at the end we must add these 2 lines:

``` language
ini_set('mbstring.http_input', 'pass');
ini_set('mbstring.http_output', 'pass');
```
<br>Now, after refreshing the page, you should see:<br>
![3v.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1520209474/kh50uoaepfkvsnkfumup.png)

In the "Database name" text field, enter "drupal", enter "root" in the "Database username" field, leave the "Database password" field unchanged and click "Save and continue".
The installation process should appear<br>
![vd.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1520209675/uv8bjvidulpq7vfpyyko.png)<br>
Then general information about the page should appear<br>
![info.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1520209808/ycldnqa4qvdkzkaymxtw.png)
<br>Fill them according to your preferences, and click <br>"Save and continue"<br>
There should be a note:
![complete.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1520210008/otpjmz9v1hrmtljadip7.png)<br>
and when you go to the "localhost/drupal" page should appear:<br>
![ufd.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1520210079/fcerd3sxwzo3srmio1i6.png)<br>
Now you can manage your website.

<br /><hr/><em>Posted on <a href="https://utopian.io/utopian-io/@vitusc/how-to-install-and-run-drupal-locally-on-your-pc-using-xampp">Utopian.io -  Rewarding Open Source Contributors</a></em><hr/>
👍 , , , , , , , , ,