Как установить WampServer и настроить виртуальные хосты ( запустить сайт )

установка wamp сервера и создание виртуальных хостов - запуск сайта

Приветствую дорогие читатели! В этой статье хочу Вам показать, как установить локальный сервер WAMP и как создать виртуальные хосты.

Эта статья для тех, кто только начинает изучение какого-то серверного языка, например PHP и нуждается в какой-то боевой машине, где можно делать разные эксперименты. А в будущем, разрабатывать и запустить на ней полноценные сайты.

Как мы знаем, язык PHP без веб сервера работать не будет, поэтому приступим к его установке.

Установка WAMP сервера

И так, первое что нам нужно сделать это зайти на сайт http://www.wampserver.com/ru/ и скачать инсталлятор данного сервера.

скачивание wamp сервера

После нажатия на соответствующей ссылке, появится окно ( pop-up ) с несколькими предупреждениями. Где говориться, что, нельзя использовать предыдущие серверные расширения и для того чтобы сервер заработал, нужно перейти по предоставленной ссылке и скачать пакет Visual C++ Redistributable для Visual studio, и конечно установить его.

Если этого не сделать, то при запуске сервера появятся различные ошибки об отсутствии каких-то файлов с расширением dll. Пример ошибки: " Отсутствует файл MSVCR110.dll ".

предупреждения wampserver

После того как кликнули по ссылке " download directly ", нас перенаправит на страницу скачивания, где через 5 секунд появится окно для выбора места на своём компьютере.

Выбираем место на компьютере

Выбираем место для сохранения файла и нажимаем на кнопку " сохранить ".

Дальше идёт обычная установка программы, с которой справится любой пользователь.

Открываем скаченный файл.

запускаем установщик wampserver

Выбираем язык установки.

Выбираем язык установки wampserver

Принимаем условия лицензии и нажимаем на Next.

Принимаем условия лицензии

Замечания по установке

Дальше, читаем важную информацию, где говориться о том что нельзя установить wampserver поверх существующего ( установленного ) пакета wampserver. То есть перед тем как продолжить, убедитесь в том, что его нет на Вашем компьютере.

Установите wampserver только в корень выбранного диска. То есть путь до папки установки может быть только таким: имя_вашего_диска:\wamp. Например: C:\wamp или D:\wamp или E:\wamp.

Перед установкой закройте skype, или убедитесь в том, что не используется 80-ый порт. Для того чтобы освободить 80-ый порт, нужно зайти в настройках скайпа, выбрать вкладку " дополнительно " , выбрать пункт " соединение " и убрать галочку. После этого нужно нажать на кнопку " Сохранить ".

Освобождаем 80-ый порт

Установите все необходимые пакеты Visual C++. VC9, VC10, VC11, VC13 и VC14. Ссылки на скачивание пакетов указаны в тексте.

важная информация для успешной установки wampserver

Для того чтобы убедиться что необходимые пакеты Visual C++ установлены, необходимо открыть список установленных программ.

окно удаление или изменение программы

После того как сделали всё что указано в окно с важной информацией, нажимаем на Next.

Выбираем место для установки и нажимаем Next.

Выбираем место для установки

После этого нажимаем еще раз Next и Install.

Ждём завершение установки и всё.

Для того чтобы убедится что сервер работает конечно нужно его запустить. Через несколько секунд после запуска, в трее, появится значок wamp. Постепенно, он станет зелёного цвета.

зеленый цвет значка wamp в трее

Если с момента запуска, прошло уже больше минуты, а значок wamp имеет другой цвет, красный или оранжевый, значит, возникли какие-то проблемы при запуске.

Теперь откроем домашнюю страницу wamp. Для этого в адресной строке браузера нужно ввести строку " localhost ".

Домашняя страница wamp

Как мы видим, сервер у нас работает.

Создание виртуального хоста ( запуск сайта )

Теперь, нам нужно создать виртуальный хост, то есть добавить какой-то сайт на нашем локальном сервере.

Для начала, нужно убрать комментарий у одной строчки из файла " httpd.conf ". Он у нас находится по следующему адресу: Имя_вашего_диска:/wamp/bin/apache/apache2.4.23/conf

Путь к файлу httpd.conf

Открываем его в любимом текстовом редакторе, находим строку " #Include conf/extra/httpd-vhosts.conf " и раскомментируем её, то есть убираем первый символ решётку.

раскомментируем путь к файлу httpd-vhosts.conf

Сохраняем изменения и закрываем этот файл. Теперь необходимо открыть файл " httpd-vhosts.conf ", который находится по следующему адресу: Имя_вашего_диска:/wamp/bin/apache/apache2.4.23/conf/extra

Путь к файлу httpd-vhosts.conf

После того как его открыли, копируем этот блок:

        <VirtualHost *:80>
            ServerName localhost
            ServerAlias localhost
            DocumentRoot Имя_вашего_диска:/wamp/www
            <Directory  " Имя_вашего_диска:/wamp/www/">
                Options +Indexes +Includes +FollowSymLinks +MultiViews
                AllowOverride All
                Require local
            </Directory>
        </VirtualHost>
    

Вставляем его ниже, и изменяем его следующим образом:

        <VirtualHost *:80>
            ServerName домен_вашего_сайта
            ServerAlias домен_вашего_сайта
            DocumentRoot D:/wamp/www/папка_вашего_сайта
            <Directory  "D:/wamp/www/папка_вашего_сайта/">
                Options +Indexes +Includes +FollowSymLinks +MultiViews
                AllowOverride All
                Require local
            </Directory>
        </VirtualHost>
    

Для примера, я добавил хост для тестового сайта testsite.local и в итоге у меня получился такое содержимое файла httpd-vhosts.conf:

        
        # Virtual Hosts
        #

        <VirtualHost *:80>
            ServerName localhost
            ServerAlias localhost
            DocumentRoot D:/wamp/www
            <Directory  "D:/wamp/www/">
                Options +Indexes +Includes +FollowSymLinks +MultiViews
                AllowOverride All
                Require local
            </Directory>
        </VirtualHost>
        #

        <VirtualHost *:80>
            ServerName testsite.local
            ServerAlias testsite.local
            DocumentRoot D:/wamp/www/testsite.local
            <Directory  "D:/wamp/www/testsite.local/">
                Options +Indexes +Includes +FollowSymLinks +MultiViews
                AllowOverride All
                Require local
            </Directory>
        </VirtualHost>

    

Всё, сохраняем данный файл и закрываем его.

Дальше, открываем папку www, которая имеет такой адрес: " Имя_вашего_диска:/wamp/www ". И здесь создадим папку самого сайта.

Я обычно в конце названия папки локального сайта, добавляю слово " .local ", для того чтобы потом не было путаницы.

Название папки, должна быть та, которую указали в файле httpd-vhosts.conf. В моём случае, это будет папка с названием " testsite.local ".

папка локального сайта

После этого, необходимо добавить одну строчку в файле " hosts ", который находится по адресу " C:\windows\System32\drivers\etc ".

Запускаем блокнот от имени администратора.

Запуск блокнота от имени администратора

И открываем файл " hosts ". Убедитесь в том что, при открытии этого файла, выбраны все файлы, иначе Вы его просто не увидите.

Как открыть файл hosts

В самом конце этого файла нужно добавить такую строчку:

        127.0.0.1    домен_вашего_сайта
    

В моем случае это будет выглядеть так:

        127.0.0.1    testsite.local
    

Всё. Сохраняем изменения сделанные в этом файле ( Ctrl + S ) и закрываем его ( Alt + F4 ).

Дальше, внутри созданной папки " testsite.local ", создаём файл " index.php ".

Открываем его в любимом редакторе и пишем в него тестовый php код. Для примера вызовем функцию phpinfo().

        <?php
            
            phpinfo();

        ?>
    

Сохраняем изменения и идём дальше.

Если у Вас скрыты расширения файлов, то может получиться так, что созданный файл " index.php ", на самом деле называется " index.php.txt ", а не " index.php ". Естественно это не правильно.

у файлов скрыты расширения

В таком случае, если мы запустим наш сайт в браузере, то не откроется главная страница сайта, а просто выведется содержимое этого файла " index.php ".

В браузере выводится содержимое php файла
Поэтому, убедитесь в том, что у параметров папок, на вкладке " Вид ", убрана галочка у пункта " Скрывать расширения для зарегистрированных типов файлов ". Это нужно для того чтобы было видно, что индексный файл имеет расширение именно " .php ", а не " .txt ".

После того как убрали галочку ( 1 ) и нажали на кнопку применить ( 2 ), возвращаемся к нашей папки сайта testsite.local и видим что наш файл " index.php ", действительно имеет расширение " .txt ".

отображаем расширения файлов

Для того чтобы открыть окно параметры папок, достаточно ввести в поисковике операционной системы соответствующие ключевые слова.

Как открыть окно параметры папок в windows 7

Теперь, изменяем название нашего файла с " index.php.txt " на " index.php ".

правильное название файла index.php
Замечание! Шаги, описанные выше, нужно будет сделать при каждом добавлении нового локального сайта.

После выполненных действий, возвращаемся в браузер, обновляем страницу и уже должны увидеть именно результат выполнения функции phpinfo(), а не содержимое файла " index.php ".

Функция phpinfo
Замечание! В адресную строку браузера Google Chrome, домен локального сайта нужно ввести вместе с протоколом http. То есть вот так: " http://testsite.local ".

Иначе, он поймёт этот запрос как поисковую фразу и начнёт его искать в google.com.

На этом всё. Теперь Вы знаете, как установить локальный сервер WAMP, как его настроить и как добавить хосты ( запустить сайт ). Можете смело приступить к обучению языка PHP :).

Желаю Вам хорошего дня и успеха в учёбе!

Задачи

  1. Установите WAMP сервер на Вашем компьютере и запустите на нём какой-то сайт. Например sellphone.local

Похожие статьи:

Видео по теме:

Понравилась статья?

Тогда поделитесь ею с друзьями и подпишитесь на новые интересные статьи.

Поделиться с друзьями:

Подписаться на новые статьи:

Delivered by FeedBurner

Поддержите пожалуйста мой проект!

Следующая статья >>

Если у Вас есть какие-то вопросы или предложения, то можете писать их в комментариях или мне на почту sergiu920@mail.ru. И если Вы заметили какую-то ошибку в статье, то прошу Вас, сообщите мне об этом, и в ближайшее время я всё исправлю.

Добавляйтесь ко мне в друзья в:

Добавляйтесь в мои группы:

Подпишитесь на мои каналы:

Автор статьи: Мунтян Сергей

Копирование материалов с сайта sozdatisite.ru ЗАПРЕЩЕНО!!!

Дата добавления: 2017-08-12 03:13:15