Добавление сайтов на сервер XAMPP в Ubuntu 16.04

В предыдущей статье мы добавляли сайт в каталог htdocs и обращались к нему по ссылке http://localhost/newsite. В этой статье мы создадим сайт с индивидуальной директорией к которой обращаться будем напрямую, без использования пресловутого localhost. Например: назовем наш новый сайт как из примера ранее – newsite.

  1. Создадим папку с таким же названием newsite в директиве сайтов. Должно получиться так – /opt/lampp/htdocs/newsite.
  2. Далее, приступим непосредственно к настройкам. Открываем для редактирования конфигурационный файл httpd.conf.
sudo gedit /opt/lampp/etc/httpd.conf

Находим строчку #Include etc/extra/httpd-vhosts.conf и раскомментируем её, удалив знак #. Тем самым подключим файл настроек наших будущих сайтов.

Include etc/extra/httpd-vhosts.conf

Далее, открываем данный файл httpd-vhosts.conf

sudo gedit /opt/lampp/etc/extra/httpd-vhosts.conf

По умолчанию в данном файле прописаны правила для двух виртуальных сайтов. Мы можем изменить один из них или создать новый. Прописываем наш сайт, должно получиться так:

<VirtualHost *:80>
  ServerAdmin your_email@domain_name.com
  DocumentRoot /opt/lampp/htdocs/newsite
  ServerName newsite
  ServerAlias www.newsite
  ErrorLog logs/newsite-error_log
  CustomLog logs/newsite+-access_log common
</VirtualHost>
  1. Пробежимся по данным директивам, для новичков полезная информация не помешает.
    • ServerAdmin — электронная почта, для связи с администратором сайта.
    • DocumentRoot — путь директивы, где храниться наш сайт.
    • ServerName — домен сайта.
    • ServerAlias — псевдоним сайта, по которому он так же будет доступен.

    И две последние директивы прописываются файлы куда будут записываться разного рода ошибки.

  2. Далее, требуется сообщить серверу XAMPP, о существовании нового сайта.
sudo gedit /etc/hosts

Добавим название нашего сайта в строчку.

127.0.0.1 newsite

Перезапускаем XAMPP.

sudo /opt/lampp/lampp restart
  1. Переходим по ссылке http://newsite и с чувством удовлетворения, далее работаем над только что созданным новым сайтом.
Читайте также:  Меню в виде ленты на CSS

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *

Adblock detector