• Part I: Installing XAMPP and Configuring the Apache Server and MySQL Database
  • 2.Installing XAMPP
  • 3.XAMPP First Start
  • 4.Start Apache Server
  • Part II: Connect the Debugger, Apache Server and MySQL DB to PhpStorm
  • 6.Install the PHP Debugger
  • 7.Create PHP Debugger Configuration
  • Lab Exercise: Installing xampp and Configuring it with PhpStorm




    Download 14 Kb.
    Sana15.03.2017
    Hajmi14 Kb.

    Lab Exercise: Installing XAMPP and Configuring it with PhpStorm


    This document is a walkthrough through the process of installing and configuring XAMPP. After following all steps you will have fully configured XAMPP with PhpStorm integration.

    This lab is part of the “Software Technologies” course @ SoftUni.



    XAMPP is a software package that bundles in a single package PHP + Apache + MySQL + phpMyAdmin + some other tools for PHP Web development in Windows environment.

    Part I: Installing XAMPP and Configuring the Apache Server and MySQL Database


    This first part will show you how to install XAMPP, start the Apache server, and create your first MySQL DB.

    1.Downloading XAMPP


    Download XAMPP version 7.0.6 from https://www.apachefriends.org/download.html.


    2.Installing XAMPP


    The pictures below will show you the steps that you need to go through, in order to successfully install XAMPP.

    Install XAMPP in the default directory (“C:\xampp”), or you might encounter permission troubles later on.




    3.XAMPP First Start


    The first time you start XAMPP you will get language selection screen like this one:

    After you choose the language you prefer, you will see the main screen of XAMPP:




    4.Start Apache Server


    Now we need to start Apache server:

    If everything is correct, the Apache label will become green, and you will see the default ports80. If you have Skype or a torrent client running, the Apache server will not start. You need to exit the program that holds port 80, and the Apache server will start.


    Part II: Connect the Debugger, Apache Server and MySQL DB to PhpStorm


    This part will show you how to configure XAMPP with PhpStorm.

    5.Go to the PhpStorm Home Page


    If it’s the first time you start PhpStorm, it will be quite easy. You will start there. If you have started PhpStorm before, you need to either close your current project using File -> Close Project option or simply skip this step and go to File -> Default Settings. You should see this screen:

    As you can see in the picture, you need to go to the settings menu.


    6.Install the PHP Debugger


    Once you are in the setting menu you need to go to Languages & Frameworks tab and select PHP. We need to change the PHP version to PHP 7.

    After that we need to change the PHP Interpreter:



    On the default interpreters page, we need to click the green plus.



    After we do that, we will see this window:



    We need to choose the PHP Executable now. In order to do that, we need to find our XAMPP folder and choose the ‘php’ directory.



    If everything is alright, you should see this:



    Let’s give PhpStorm a break. We need to download a debugger. We will download Xdebug from here: http://xdebug.org/files/php_xdebug-2.4.0-7.0-vc14.dll. Place the downloaded file to “C:\xampp\php\ext”.

    Now we need to edit the php configuration. Open the php.ini file located in “C:\xampp\php\php.ini”.

    Once you open the file add the following lines:



    zend_extension = C:\xampp\php\ext\php_xdebug-2.4.0-7.0-vc14.dll

    xdebug.remote_enable = 1

    Restart XAMPP and run the Apache and MySQL modules again.

    If you’ve done everything correctly, you should see the following screen:




    7.Create PHP Debugger Configuration


    Now we need to create a configuration for our debugger. We need to do that for every project/php file. IMPORTANT: The project must be created in the htdocs folder (located in the main XAMPP folder).

    Choose a PHP Web Application on the drop down after you click the green plus.



    Edit the Configuration Name and add new server.



    Add new server with Host = localhost, on port 80 with Xdebug debugger.



    At last we need to select the newly created server, and edit the URL. In the URL part you need to locate the file that you want to debug starting from localhost. In the example below my file is in project DebuggerConfig with file name homeController.php.



    The result should be the following:



    Now you are ready to start using PHP!






    Page of

    Follow us:

    © Software University Foundation (softuni.org). This work is licensed under the CC-BY-NC-SA license.






    Download 14 Kb.

    Bosh sahifa
    Aloqalar

        Bosh sahifa


    Lab Exercise: Installing xampp and Configuring it with PhpStorm

    Download 14 Kb.