Xampp куда кидать сайт: 6 способов в 2022 году
Содержание
Denwer для localhost — как создать сайт на компьютере — установка, настройка и удаление Денвера
Обновлено 9 февраля 2023 Просмотров: 157 976 Автор: Дмитрий Петров
Это очередная статья из рубрики Инструменты вебмастера, в которой я хочу поговорить о работе с сайтом на бесплатной сборке под названием Denwer, которую можно свободно скачать с ресурса разработчика. Сначала расскажу о том, что же такое локальный сервер и зачем нам с ним работать. Попросту говоря, его вы можете установить и сконфигурировать у себя на компьютере, получив бесплатный аналог хостинга (читайте о том, что такое хостинг и домены здесь).
Для работы на любом движке сайта вам, в этом случае, не придется покупать хостинг и даже не обязательно иметь доступ в интернет. Возможности, которые предоставляет вам Денвер, практически ничем не отличаются от возможностей удаленного хоста, да и состоять он будет из тех же самых компонентов и иметь те же возможности. Он уже содержит в себе базы данных MySQL, которой можно будет управлять через PhpMyAdmin читайте подробнее об этом скрипте), сервер Apache (читайте что такое server), имеет поддержку PHP и многое другое.
Где скачать Denwer, как его установить и запустить?
Можно скачать по отдельности все описанные выше компоненты локального сервера и, поставив их у себя на компьютере, правильно сконфигурировать, но ведь не все способны это сделать. И даже те, кто понимает что к чему, могут испытать массу трудностей при установке и особенно при его конфигурировании.
Поэтому, для упрощения нам с вами жизни, были придуманы и созданы разнообразные установочные пакеты (сборки), позволяющие при минимальных затраченных усилиях скачать полностью рабочий и сконфигурированный комплекс.
Вам только останется скачать подходящую сборку и установить на него движок вашего проекта (Joomla, WordPress и т.п.), а затем начинать работать на нем, точно так же, как вы бы делали при нахождении файлов движка на физическом хосте. Кстати, как вариант и альтернативу данному решению, можно рассматривать свободный от платы хостинг с поддержкой MySQL и PHP, т.е. способного работать с Joomla и WordPress. Но в этой статье мы будем говорить именно за localhost.
Итак, что же нам предлагают разработчики таких бесплатных установочных пакетов? Давайте я перечислю ссылки на страницы ресурсов, где можно их будет скачать, а потом расскажу в подробностях именно про установку и настройку одного из них, которого я выбрал в качестве фаворита.
Это лично мой выбор, а вы можете пользоваться тем пакетом, который больше понравится вам. Благо, что работа с ними довольно однотипна и, поняв как работать с одной сборкой (сегодня мы будем говорить исключительно о Denwer), вы без труда разберетесь и с любой другой.
Где можно бесплатно скачать сборки локального сервера:
- Денвер — скачать бесплатно
- Xampp — скачать
- VertrigoServ — скачать
- Wamp — скачать
Пройдя по ссылке вы должны будете зарегистрироваться в предложенной форме, после чего к вам придет письмо с ссылкой на скачивание дистрибутива Denwer.
Запускаете скачанный файл с расширением exe, соглашаетесь установить пакет, после чего начинается его распаковка, а затем откроется также окно браузера с описанием установки, которое можно сразу закрыть, и еще появляется черное досовское окно с мастером установки:
Следуя указаниям мастера для продолжения установки нажимаем «Enter». В следующем окне нам нужно указать, в какую папку на нашем компьютере мы будем устанавливать сервер. Можно выбрать, например, C:\server
.
Нажимаете «Enter», на вопрос, точно ли вы хотите установить Денвер именно в эту директорию, вы отвечаете установкой «y» (игрек) и опять жмете «Enter». Далее нас информируют, что сейчас будет создан отдельный виртуальный диск, который необходим для функционирования всех компонентов локального сервера.
Просто жмем «Enter», а в следующем окне выбираем букву для виртуального диска. Эта буква, естественно, не должна в данный момент использоваться вашей системой (т.е. диск, латинскую букву «с», точно не надо выбирать).
Лучше выбрать что-нибудь из последних букв латинского алфавита, например, Z. Если окажется, что эта буква уже используется для обозначения какого-либо диска в вашей операционной системе Windows, то вы увидите сообщение о невозможности создать такой диск.
В этом случае, вам нужно будет нажать «Enter» и повторить шаг с вводом имени директории установки, опять нажать «Enter» и ввести уже другую букву. Какие именно буквы для обозначения дисков в вашем компьютере уже заняты, вы можете посмотреть в «Мой компьютер».
В случае, если выбранная вами буква не занята, вы увидите сообщение об успешном создании виртуального диска.
Нажимаете «Enter», в результате чего начнется копирование файлов этой сборки в указанную вами ранее папку компьютера. Далее вам предложат выбрать вариант загрузки, на что вы отвечаете вписыванием единицы и нажатием «Enter». Вас также спросят, создавать ли ярлыки для запуска, остановки или перезагрузки на рабочем столе, на что вы ответите «y».
С помощью этих ярлыков вы сможете запустить или остановить сервер. Мастер установки после этого закроется, а откроется окно браузера со страницей описания последующих шагов работы со сборкой Denwer.
Проверка работоспособности локального сервера
Далее вы переходите на рабочий стол и запускаете Денвер, щелкнув по ярлыку «Start». При этом на короткое время откроется досовское окно говорящее о запуске сервера, а затем в трее (область в правой стороне панели задач Windows, рядом с часами) появятся иконки в виде перышка и черной шляпы, говорящие о том, что он запущен.
Теперь набираете в адресной строке вашего браузера localhost
, в результате чего попадете на страницу с надписью «Ура, заработало». Это означает, что сборка удачно установилась на ваш компьютер с Windows. Прокрутив эту страничку вниз, вы увидите ссылки для проверки ее работоспособности:
Если в результате щелчков по этим ссылкам вы увидите страницы с различными сообщениями, то значит все составляющие Denwer работают правильно. Последняя ссылка в этой табличке позволит вам проверить работоспособность отправки почты.
Вы переходите по этой ссылке, затем в открывшемся окне вводите в поле «Текст» какой-нибудь текст (лучше на русском языке — проверить, что с кодировкой будет все в порядке) и нажимаете на кнопку «Послать через mail». Если все сработало правильно, то вы получите сообщение вида: OK, функция mail () сработала корректно. Но нужно так же проверить, что письмо действительно дошло.
Для этого нужно зайти на наш виртуальный диск (вспоминайте букву, которую указали при установке этой сборки) и пройти по следующему пути:
Z:\tmp\!sendmail\
Кстати, можно заходить и не на виртуальный диск, а на реальный, где у вас установлен локальный сервер (в моем случае это диск С) по тому же пути:
С:\tmp\!sendmail\
Если с отправкой почты у вас все в порядке, то в этой папке вы должны будете обнаружить посланное вами письмо. Открыв его, вы можете проверить правильность кодировки русского языка.
Настройка и установка Joomla или WordPress на Денвер
Для начала нужно будет зайти в папку, куда вы установили сборку (у меня это c:\server\
) и пройти по следующему пути:
c:\server\home\localhost\www\
В этой директории WWW вы должны создать каталог, в который в последствии нужно будет загрузить файлы движка (Joomla, WordPress и т.п.). Название папки придумываете сами, например:
c:\server\home\localhost\www\Proba\
После создания папки перезапустите локальный хост с помощью ярлыка «Restart Denwer» на рабочем столе (если он еще не был запущен, то запустите его). Для проверки его работоспособности введите в адресной строке вашего браузера:
http://localhost/Proba/
Если откроется страница с заголовком «http://localhost/Proba/», то значит все в порядке. Если никакого окна не откроется, то попробуйте еще раз перезагрузить Denwer.
Теперь вам нужно установить движок (Joomla, WordPress и т.п.) точно таким же способом, как вы делали это для реального хостинга (установка Joomla описана тут (в деталях и картинках). Как установить форум SMF я писал здесь, а установка WordPress освещена довольно таки подробно по приведенной ссылке.
Т.е. нужно скопировать файлы движка в созданную на вашем компьютере (он выступает в роли локального хостинга) папку. В моем случае это папка:
c:\server\home\localhost\www\Proba\
От установки движка на реальный хост (что это такое?) этот процесс будет отличаться лишь тем, что для копирования файлов нет нужды использовать FTP-менеджер — вполне сгодится и обычный проводник, ну, или файловый менеджер, на вроде описанного по ссылке Тотал Коммандера.
После того, как вы скопируете файлы Джумлы или Вордпресса в папку Денвера, вам нужно для установки сайта или блога набрать в адресной строке браузера:
http://localhost/Proba/
В результате чего откроется окно мастера установки того или иного движка. Дальше вы действуете по тому же сценарию, что и при обычной установке на реальный хостинг, с тем лишь исключением, что вы создаете базу данных и пользователя не через cPanel, как описано в статье про установку Joomla (см. ссылку выше), а способом описанным ниже.
Создание базы данных и пользователя
Для того, чтобы попасть в программу phpMyAdmin, входящую в комплект сборки локального сервера, нужно набрать в адресной строке вашего браузера следующий Урл:
http://localhost/tools/
В открывшемся окне щелкаете по ссылке под названием «phpmyadmin», в результате чего откроется главная страница этой программы. На ней, в области «Создать новую БД», вы вводите желаемое имя базы данных (для простоты ее можно назвать также как и каталог для сайта в папке localhost, т.е. «Proba», в моем случае) и нажимаете кнопку «Создать».
Теперь возвращаемся на главную страницу phpMyAdmin, щелкнув по иконке домика в левой колонке окна программы. Находите в области « MySQL» ссылку «Привилегии» и щелкаете по ней.
На открывшейся странице phpMyAdmin, в центре, вы должны найти пункт «Добавить нового пользователя» и щелкнуть по нему.
В области «Имя пользователя» вводим желаемое имя (я для простоты использую опять «Proba»), в области «Хост» вводим localhost
, в областях «Пароль» и «Подтверждение» вводим два раза какой-нибудь очень сложный пароль.
В области «Глобальные привилегии» жмете по надписи «Отметить все», чтобы у создаваемого пользователя баз данных были максимальные права.
Все, база данных и пользователь на Денвере созданы. Теперь вы можете использовать эти данные при установке Joomla, WordPress и др., которая будет идти тем же чередом, что и при установке на реальном хостинге. По завершении этого процесса ваш ресурс будет доступен по адресу:
http://localhost/Proba/
Работать с Joomla или WordPress вы сможете обычным образом, но при этом существенно упрощается и ускоряется работа по редактированию файлов движка, установке и удалению различных расширений, а также появляется возможность работать над своим проектом даже там, где нет доступа в интернет.
Перенос сайта на хостинг
После окончания работы над проектом вы должны перенести сайт с Denwer на хостинг для того, чтобы он стал доступен посетителям из интернета. Делается это точно так же, как если бы вы просто переезжали с одного хостинга на другой или же восстанавливали свой сайт из резервной копии (тут я писал про создание и восстановление из бэкапа).
Для этого вам нужно будет с помощью программы FileZilla (о которой я писал здесь) переместить все файлы из папки локального сервера (в моем случае это папка «Proba») в корневую директорию удаленного хоста (обычно это либо PUBLIC_HTML, либо HTDOCS).
А затем открыть на редактирование конфигурационный файл вашего движка и изменить параметры абсолютного пути к файлам и папкам этого движка, а также имя базы данных, пользователя и пароль, на те, что вы зададите при создании новой базы данных на хостинге. Все это подробно описано в статье про резервное копирование и перенос сайта, ссылку на которую вы найдете поднявшись на пару абзацев повыше).
Как удалить Денвер с компьютера
Довольно часто возникает вопрос, как удалить эту сборку со своего компьютера. Основная загвоздка удаления состоит в отключении созданного при установке виртуального диска. Но обо всем по порядку. Сначала вам нужно будет, конечно же, остановить работу локального сервера с помощью соответствующего ярлычка на рабочем столе.
Затем удалить виртуальный диск, который был создан при установке. Вспомните, какую букву вы присвоили этому виртуальному диску и перейдите в Windows по следующему пути «Пуск» — «Выполнить» (можно вместо этого нажать сочетание клавиш Win+R), введите в открывшемся окне команду:
subst z: /d
Вместо буквы виртуального диска Z вам нужно будет ввести свой вариант (диск Z предлагаетcz в качестве буквы для виртуального диска по умолчанию). Ну, и для окончательного удаления сборки Denwer с вашего компьютера будет достаточно удалить каталог WebServers (по умолчанию это папка «C: \WebServers») и убрать три ярлычка с рабочего стола вашей операционной системы Windows. Все, можно считать, что нам удалось удалить его малой кровью.
Удачи вам! До скорых встреч на страницах блога KtoNaNovenkogo.ru
XAMPP. Установка и настройка. Чаcть 2
Настройка XAMPP как виртуального офлайн-хостинга для наших сайтов очень проста, не требует особых познаний (которые, впрочем, никогда не бывают лишними), и конкретно сводится к редактированию трех файлов – одного системного и двух конфигов самого XAMPP:
- /etc/hosts
- /opt/lampp/etc/httpd.conf
- /opt/lampp/etc/extra/httpd-vhosts.conf
Но сначала определимся с нашими будущими сайтами и точкой их монтирования.
Имена виртуальных хостов
Для определенности договоримся, что в нашем примере будут три сайта: mysite1.dev, mysite2. dev и mysite3.dev. Вы, естественно, можете сделать их (теоретически) сколько угодно и назвать их как хотите.
Note: Избегайте совпадения суффикса с реально существующими доменными зонами, сверяйтесь, например, здесь.
Размещение виртуальных хостов
Стандартно рекомендуется размещать папки сайтов в директории /opt/lampp/htdocs, однако мы пойдем другим путем и будем держать их в своей домашней директории, что несравненно удобнее, хотя бы потому, что в этом случае нам не нужны будут права рута на каждый чох.
Кроме того, если вы захотите установить другую версию XAMPP, папки с вашими локальными сайтами останутся, даже если вы забыли о бэкапе (но базы данных улетят, да. Их бэкап – ваша забота).
Итак, создаем в домашней директории папку www, а в ней папки mysite1.dev, mysite2.dev и mysite3.dev. В них и будем загружать файлы наших сайтов.
Правим /etc/hosts
Предварительное Note: Будьте умницей, сделайте бэкап первоначального /etc/hosts. Бережёного бог бережет.
Файл /etc/hosts приведём к такому виду:
127.0.0.1 localhost lampp xampp mysite1.dev mysite2.dev mysite3.dev 127.0.1.1 <hostname> # Вместо <hostname> подставьте имя своего компьютера, которое выводится в консоли по команде hostname
Всё остальное, что может содержаться в этом файле, нас в данном случае не интересует и пусть остаётся как есть.
Правим /opt/lampp/etc/httpd.conf
Здесь нас интересует одна-единственная строка:
#Include etc/extra/httpd-vhosts.conf
Она должна быть где-то 488-ой (для разных версий XAMPP – в районе 480 — 490-ой)
Найдём ее и раскомментируем.
Правим /opt/lampp/etc/extra/httpd-vhosts.conf
Приведём этот файл к следующему виду (всё остальное должно быть закомментировано или удалено):
NameVirtualHost 127.0.0.1:80 <VirtualHost 127.0.0.1:80> ServerAdmin [email protected] DocumentRoot "/opt/lampp/htdocs" ServerName lampp ServerAlias xampp </VirtualHost> <VirtualHost 127.0.0.1:80> ServerAdmin [email protected] DocumentRoot "/home/ваш_логин/www/mysite1.dev" ServerName mysite1.dev ServerAlias www.mysite1.dev ErrorLog "/opt/lampp/logs/mysite1.dev-error_log" CustomLog "logs/mysite1.dev-access_log" common <Directory /> AllowOverride All Require all granted </Directory> </VirtualHost> <VirtualHost 127.0.0.1:80> ServerAdmin [email protected] DocumentRoot "/home/ваш_логин/www/mysite2.dev" ServerName mysite2.dev ServerAlias www.mysite2.dev ErrorLog "/opt/lampp/logs/mysite2.dev-error_log" CustomLog "logs/mysite2.dev-access_log" common <Directory /> AllowOverride All Require all granted </Directory> </VirtualHost> <VirtualHost 127.0.0.1:80> ServerAdmin [email protected] DocumentRoot "/home/ваш_логин/www/mysite3.dev" ServerName mysite3.dev ServerAlias www.mysite3.dev ErrorLog "/opt/lampp/logs/mysite3.dev-error_log" CustomLog "logs/mysite3.
dev-access_log" common <Directory /> AllowOverride All Require all granted </Directory> </VirtualHost>
Warning! Везде замените ваш_логин на свой логин в системе, а mysite1(2,3).dev – на имена ваших виртуальных сайтов.
Как видим, каждая секция представляет собой набор инструкций для отдельного хоста. Секции обычно клонируются копипастом, а затем в них исправляется имя хоста. Это удобно и просто, но в результате недосмотров и опечаток именно этот файл становится главным источником ошибок.
Поэтому после правки запустим (или перезапустим) XAMPP из консоли:
sudo /opt/lampp/lampp restart
чтобы убедиться, что он не выдает ошибок в stdout.
Note: Инструкции в секции <Directory /> меняются от версии к версии, но об этом мы поговорим позже, а пока просто не забывайте, что речь у нас тут идет о XAMPP 1.8.3-1.
Кажется, ничего не забыли? Тогда, как говорит один мой приятель, всё должно зафурыкать. Вбиваем в браузере mysite1(2,3).dev и убеждаемся в этом.
Добавление новых хостов
Если вы внимательно прошли весь предыдущий путь, то уже понимаете, что добавление нового хоста чрезвычайно просто и сводится к следующему:
- Создаем папку ~/www/<имя_нового_хоста> и загружаем туда файлы
- Дописываем имя нового хоста в файле /etc/hosts
- Добавляем в файл /opt/lampp/etc/extra/httpd-vhosts.conf ещё одну секцию по аналогии с существующими и прописываем в ней вместо mysite1(2,3).dev имя нового хоста.
- Перезапускаем XAMPP
Два слова о паранойе
Если вам необходимо (или хочется) защититься по максимуму, нажмите на стартовой странице на Security
и прочитайте, что там написано. В двух словах, вам предлагается запаролить всё, что только можно, набрав в консоли команду
/opt/lampp/lampp security
и пройдя весь процесс step-by-step.
Может быть, я не прав (в любом случае решать вам), но не советую. Этим вы сильно затрудните себе жизнь, тогда как XAMPP, имхо, и без того достаточно хорошо защищён.
В следующей части речь пойдет о нюансах настройки, специфических для разных версий.
php — как настроить веб-сервер xampp для другого корневого каталога
спросил
Изменено
2 года, 7 месяцев назад
Просмотрено
301 тыс. раз
Веб-каталог является домом для всех общедоступных и статических файлов вашего приложения. Включая изображения, таблицы стилей и файлы JavaScript. Здесь также живут фронт-контроллеры.
Итак, вопрос в том, что когда я устанавливаю и настраиваю xampp, мой веб-каталог:
xampp\htdocs
, и я хочу настроить его для:
xampp\htdocs\myproject\web
Как это сделать?
Теперь, когда я набираю в своем браузере адрес: http://localhost/
, я ввожу xampp\htdocs
каталог
и хочу ввести в своем браузере адрес: http://localhost/
и введите каталог xampp\htdocs\myproject\web
- php
- apache
- веб-сервер
- xampp
3
Вы можете изменить Apache httpd. conf, щелкнув (в панели управления xampp)
apache/conf/httpd.conf
и отрегулировав записи для DocumentRoot
и соответствующую запись Directory
.
Просто Ctrl + F для «htdocs» и измените записи на новый путь.
Смотрите скриншот:
# # DocumentRoot: Каталог, из которого вы будете обслуживать # документы. По умолчанию все запросы берутся из этого каталога, но # символические ссылки и псевдонимы могут использоваться для указания на другие местоположения. # DocumentRoot "C:/xampp/htdocs" <Каталог "C:/xampp/htdocs">
1
В случае, если кто-то предпочитает более простое решение, особенно в Linux (например, Ubuntu), очень простой выход — создать символическую ссылку на нужную папку в папке htdocs. Например, если я хочу иметь возможность обслуживать файлы из папки с именем «/home/some/projects/testserver/», а мои htdocs находятся в «/opt/lampp/htdocs/». Просто создайте символическую ссылку вот так:
ln -s /home/some/projects/testserver /opt/lampp/htdocs/testserver
Команда для символической ссылки работает следующим образом:
ln -s целевой источник
где,
target - Существующий файл/каталог, на который вы хотите связать.source - Создаваемый файл/папка, копирующая содержимое цели. Сама ССЫЛКА.
Для получения дополнительной помощи см. ln —help
Источник: Создание символических ссылок в Ubuntu
Вот и готово. просто посетите http://localhost/testserver/
На самом деле вам даже не нужно перезагружать сервер.
3
Я переместил папку htdocs из C:\xampp\htdocs в D:\htdocs, не редактируя файл конфигурации Apache (httpd.conf).
Шаг 1) Переместите папку C:\xampp\htdocs
в папку D:\htdocs
.
Шаг 2) Создайте символическую ссылку в C:\xampp\htdocs, связанную с D:\htdocs, с помощью команды mklink.
D:\>mklink /J C:\xampp\htdocs D:\htdocs Соединение создано для C:\xampp\htdocs <<===>> D:\htdocs Д:\>
Шаг 3) Готово!
0
хорошо, ребята, вы не поверите мне, насколько это просто, поэтому я разместил видео на YouTube, чтобы показать вам, что [нажмите здесь]
сейчас,
шаги:
- запустите панель управления xampp
- нажмите кнопку с надписью config
- выберите апач ( httpd.
conf )
- найти корень документа
- заменить
DocumentRoot "C:/xampp/htdocs"
<Каталог "C:/xampp/htdocs">
эти 2 строки || C:/xampp/htdocs == текущее местоположение для root || измените C:/xampp/htdocs на любое место, которое вы хотите
- сохраните.
СДЕЛАНО: запустите apache и перейдите на локальный хост
посмотреть в действии [ посмотреть видео нажмите здесь ]
0
Вы также можете ввести новую запись виртуального хоста в поле
.
c:\xampp\apache\conf\httpd-vhosts.conf
например:
Администратор сервера [email protected] DocumentRoot "C:/xampp/htdocs/myproject/web" имя_сервера ErrorLog "logs/dummy-host2.example.com-error.log" CustomLog "logs/dummy-host2.example.com-access.log" общий виртуальный хост>
1
# Возможные значения директивы Options: «Нет», «Все», # или любая комбинация: # Индексы включают FollowSymLinks SymLinksifOwnerMatch ExecCGI MultiViews # # Обратите внимание, что "MultiViews" должен быть назван *явно* --- "Options All" # не дает его вам.# # Директива Options одновременно сложна и важна. Пожалуйста, посмотри # http://httpd.apache.org/docs/2.2/mod/core.html#options # Чтобы получить больше информации. # Индексы опционов FollowSymLinks включает ExecCGI # # AllowOverride определяет, какие директивы могут быть помещены в файлы .htaccess. # Это может быть "Все", "Нет" или любая комбинация ключевых слов: # Параметры FileInfo AuthConfig Limit # Разрешить переопределить все # # Контролирует, кто может получать данные с этого сервера. # Требовать все предоставленные
Напишите приведенный выше код внутри следующих тегов < Directory "c:\projects" > < / Directory >
c: (вы можете добавить любой каталог d: e:) — это диск, на котором вы создали папку своего проекта.
Псевдоним /projects «c:\projects»
Теперь вы можете получить доступ к каталогу проектов в своем браузере:
localhost/projects/
Для версий XAMMP >=7.5.9-0 также измените DocumentRoot в файле «/ opt/lampp/etc/extra/httpd-ssl.conf» соответственно.
Если вы работаете xampp на образе на базе linux , для изменения корневого каталога откройте:
/opt/lampp/etc/httpd.conf
Изменить корень документа по умолчанию:
DocumentRoot "/opt/lampp/htdocs" и
в вашу папку DocumentRoot "/opt/lampp/htdocs/myFolder" и
Вы можете изменить порт при открытии панели управления XAMP, выполните следующие действия:
- нажмите на config net на кнопку запуска и
- выберите
httpd.conf
, откроется текстовый файл - проверить файл и файл
прослушать:80
, - однажды получил
слушать: 80
заменить наслушать: 8080
и - сохранить в ту же папку.
После этого вы сможете запустить свой локальный сервер.
Зарегистрируйтесь или войдите
Зарегистрироваться через Google
Зарегистрироваться через Facebook
Зарегистрируйтесь, используя адрес электронной почты и пароль
Опубликовать как гость
Электронная почта
Обязательно, но не отображается
Опубликовать как гость
Электронная почта
Требуется, но не отображается
Нажимая «Опубликовать свой ответ», вы соглашаетесь с нашими условиями обслуживания и подтверждаете, что прочитали и поняли нашу политику конфиденциальности и кодекс поведения.
Установка XAMPP для локальной разработки
Как мне установить сервер для запуска Perch на моем компьютере?
В этом решении показано, как настроить локальную разработку с помощью XAMPP, пакета, который устанавливает Apache, PHP и MySQL для создания тестового сервера на вашем компьютере.
Если вы не работали с PHP и MySQL до использования Perch, это руководство поможет вам настроить среду разработки для простой работы с Perch на вашем компьютере.
Профессиональная среда разработки
Если вы создаете сайты для клиентов, ваш процесс в идеале должен работать следующим образом:
- Вы разрабатываете свой сайт локально (на своем компьютере или общем сервере разработки)
- Вы показываете своему клиенту сайт на промежуточном сервере
- Затем вы развертываете сайт и весь введенный контент на работающий сервер
Окунь позволяет вам войти в эти три места по лицензии.
Мы бы посоветовали вам избегать предварительного просмотра сайтов в подпапках работающего сайта и, конечно же, никогда не разрабатывать таким образом на рабочем сервере. Разрабатывая во вложенной папке живого сайта, вы создаете все свои страницы на уровень выше корня сайта. Чтобы выйти в эфир, вам нужно поднять все на уровень выше. В случае с Perch или любым скриптом, которому нужно знать путь от корня, это проблематично, и вам придется исправлять сайт при запуске.
Ваша среда разработки должна максимально точно имитировать живую среду, особенно в том, что касается расположения файлов.
Веб-серверы и серверы баз данных
Perch сохраняет данные — текст, который вы вводите в области администрирования, — в базе данных MySQL и использует PHP для доступа к этим данным. Для локальной работы с Perch вам потребуется запустить веб-сервер и сервер базы данных. Его можно легко установить на компьютер, который вы используете для проектирования и разработки веб-сайтов, с помощью упакованного приложения.
Я собираюсь использовать XAMMP для этой статьи, так как он доступен для Mac, Windows и Linux, однако есть альтернативные продукты, которые по существу работают таким же образом.
Шаг 1. Загрузите и установите XAMMP
.
Перейдите по адресу: http://www.apachefriends.org/en/xampp.html и щелкните ссылку для своей операционной системы.
пользователей Mac:
Загрузите универсальный двоичный файл, затем откройте образ DMG и перетащите папку XAMPP в Приложения.
пользователей Windows:
Выберите и загрузите версию установщика.
Дважды щелкните файл установщика .exe и выполните установку. На экране «Параметры XAMPP» вас спросят, хотите ли вы установить Apache и MySQL в качестве службы. Это означает, что они будут запускаться при запуске вашего компьютера. Если вы много занимаетесь разработкой, вы можете выбрать эту опцию, если нет, вам нужно будет запустить XAMPP из панели управления перед его использованием.
Mac и Windows:
В конце установки запустите панель управления XAMPP при появлении запроса.
Шаг 2: Запустите Apache и MySQL
В панели управления XAMPP вы должны увидеть список Apache и MySQL. Чтобы начать их использовать, вам нужно запустить службы, поэтому нажмите «Пуск» на обоих. Если на вашем компьютере установлен брандмауэр, вам может потребоваться предоставить разрешение для этих приложений.
После того, как вы запустили Apache и MySQL, откройте веб-браузер и посетите http://localhost
, вы должны увидеть экран-заставку XAMPP, где вы можете выбрать язык, а следующая страница представляет собой веб-панель управления для XAMPP.
Теперь на вашем компьютере работает веб-сервер. Есть несколько вещей, которые вы должны сделать сейчас.
Нажмите ссылку «Безопасность» на боковой панели. Вы увидите, что некоторые вещи помечены красным как небезопасные, ниже находится ссылка для устранения проблем с безопасностью. Нажмите на нее и установите пароль root для MySQL.
Вы также можете установить пароль для каталога XAMPP, однако, если у вас есть брандмауэр, который предотвращает входящие подключения к вашему компьютеру и останавливает Apache и т. д., если вы используете ноутбук за пределами вашей сети, вы можете оставить это в покое.
Шаг 3. Много веб-сайтов — один компьютер
Если вы работаете только с одним веб-сайтом, вы можете просто установить Perch в каталог XAMPP по умолчанию и создать там свой сайт, доступный по адресу http://localhost
. Однако вы, вероятно, захотите иметь возможность работать на нескольких сайтах и поддерживать каждую среду разработки на случай, если клиенту потребуются некоторые изменения.
Каждый сайт, обслуживаемый одним сервером, называется VirtualHost. Создание виртуальных хостов — это, по сути, то, что делают провайдеры виртуального хостинга для запуска множества сайтов с одного сервера. Мы собираемся сделать это сейчас, чтобы вы могли иметь хост для каждого сайта. Эта информация должна быть в значительной степени правильной, если вы используете XAMMP или установили Apache любым другим способом.
Наша цель — создать два уникальных сайта, каждый со своим собственным корневым каталогом, работающим по адресам http://site1. local и http://site2.local.
Чтобы создать виртуальные хосты, вам нужно сделать три вещи
- Решите, где вы хотите хранить файлы для каждого сайта на вашем компьютере
- Отредактируйте файл hosts на своем компьютере
- Создайте виртуальный хост в конфигурации Apache.
Хранение ваших файлов
Обычно я помещаю свои сайты в папку Sites, по одной папке на каждый сайт. Поэтому, если бы я настраивал два сайта Perch, я мог бы хранить файлы вот так.
- Сайты/сайт1
- Сайтов/сайт2
Папки site1 и site2 станут корневыми каталогами для каждого сайта — я бы поместил папку perch непосредственно в каждую из этих папок.
Файл hosts
- В Windows ваш файл hosts, вероятно, находится по адресу: C:\windows\system32\drivers\etc\hosts
- На Mac вы должны найти его по адресу: /private/etc/hosts
Этот файл позволяет вам сопоставить доменное имя с вашим локальным компьютером, чтобы при вводе этого доменного имени в браузере вместо того, чтобы искать его снаружи и пытаться найти веб-сайт в Интернете, оно выглядело на локальном компьютере. Эти доменные имена могут быть любыми, как вам нравится, я обычно использую clientname.computername, поэтому мой iMac называется «пузырьком», и поэтому сайт для клиента с именем ABC Widgets можно найти в abcwidgets.bubble в веб-браузере. Вы также можете использовать что-то вроде abcwidgets.local. Рекомендуется использовать что-то, что показывает, что это локальный сайт.
Обратите внимание:
- вам нужны права root или администратора для редактирования этого файла
- вы должны отредактировать его с помощью обычного текстового редактора, такого как Блокнот (подойдет редактор кода)
- сделайте резервную копию перед внесением каких-либо изменений — на всякий случай!
Отредактируйте файл hosts и в конце добавьте строку для каждого из ваших сайтов:
127.0.0.1 site1.local 127.0.0.1 сайт2.локальный
- Сохраните файл hosts.
- Конфигурация Apache
Внутри папки xampp по адресу Applications/xampp
или C:xampp откройте apache > conf > extra > httpd-vhosts
, используя тот же текстовый редактор, который вы использовали для редактирования файла hosts.
Внизу этого файла добавьте следующий код:
NameVirtualHost * <Виртуальный хост *> DocumentRoot "C:xampphtdocs" имя_сервера виртуальный хост> <Виртуальный хост *> DocumentRoot "C: Sitessite1" имя_сервера site1.local <Каталог "C:Sitessite1"> Порядок разрешить, запретить Разрешить от всех Каталог> виртуальный хост> <Виртуальный хост *> DocumentRoot "C: Sitessite2" имя_сервера site2.local <Каталог "C:Sitessite2"> Порядок разрешить, запретить Разрешить от всех Каталог> виртуальный хост>
Вам необходимо убедиться, что пути и имена серверов верны для вашего компьютера, поэтому здесь приводится объяснение каждого раздела этого кода.
Первая строка, которую мы добавляем, сообщает Apache, что мы хотим использовать VirtualHosts:
NameVirtualHost *
Следующий раздел поддерживает http://locahost, указывающий на каталог xampp htdocs, чтобы вы сохранили свои удобные инструменты XAMPP и доступ к PHPMyAdmin для MySQL.
<Виртуальный хост *> DocumentRoot "C:xampp\htdocs" имя_сервера виртуальный хост>
Затем мы добавляем два раздела, по одному для каждого из наших сайтов. Чтобы добавить новый сайт, вам нужно всего лишь добавить еще один из этих разделов. Внутри тегов
мы указываем расположение наших файлов в двух местах: для DocumentRoot, а также в теге Directory. Мы также даем имя сервера, и оно должно совпадать с именем этого сайта, которое вы добавили в файл hosts.
<Виртуальный хост *> DocumentRoot "C: Сайты\site1" имя_сервера site1.local <Каталог "C:Sites\site1"> Порядок разрешить, запретить Разрешить от всех Каталог> виртуальный хост>
Сохраните этот файл. Теперь вернитесь в панель управления XAMPP, остановите и запустите Apache. После перезапуска перейдите в веб-браузер и введите http://site1.local. Если вы уже не добавили файлы с index.php или index.html, вы получите запрещенное сообщение. Однако, если вы поместите файлы сайта или даже просто index.html с названием сайта, в каждом каталоге вы обнаружите, что у вас есть два отдельных сайта.
Шаг 4: Создайте базу данных
Если вы собираетесь установить Perch, вам нужна база данных, в которую Perch будет помещать ваш контент. Чтобы создать базу данных, посетите http://localhost
снова в вашем веб-браузере.
На боковой панели страницы XAMPP в разделе «Инструменты» щелкните PHPMyAdmin. Это веб-инструмент для управления базами данных, установленными XAMPP. Полезно, что это также наиболее распространенный веб-инструмент, используемый веб-хостами, поэтому вполне вероятно, что когда вы переместите свой сайт в реальном времени, вы также столкнетесь с PHPMyAdmin.
Войдите в систему с именем пользователя root и паролем, который вы установили в качестве пароля root MySQL ранее в этом процессе.
Начальный экран дает вам некоторую информацию о сервере, на панели слева находятся базы данных, которые уже установлены XAMPP, вы можете их игнорировать, мы создадим новую базу данных для Perch. Вы должны создать новую базу данных для каждой установки Perch, которую вы запускаете локально.
Чтобы создать базу данных, щелкните элемент навигации Базы данных в верхней части начального экрана.
В разделе «Создать базу данных» на этой странице введите имя, которое вы хотели бы иметь для своей базы данных (обычно вы используете имя сайта как часть этого имени), и выберите в разделе «Сортировка» параметр 9.0021 utf8_general_ci . Это гарантирует, что данные, хранящиеся в базе данных, хранятся как utf8
, поэтому у вас не должно возникнуть проблем с вводом каких-либо специальных символов.
Нажмите «Создать», и теперь у вас есть база данных, готовая к работе.
Шаг 5. Протестируйте новую установку, запустив тест на совместимость с Perch
Теперь у вас должно быть все готово для локальной разработки ваших сайтов. Хорошим окончательным тестом будет использование одного из наших сайтов и базы данных, которую мы только что создали, для запуска теста совместимости Perch Server.
Скачать тест.
Разархивируйте его и поместите на один из ваших сайтов — я использую свой сайт1.
Посетите тестовую папку окуня на сайте на сервере в веб-браузере. Мне нужно перейти на http://site1.local/perchtest. Вы должны увидеть первый экран теста.
Заполните детали. Ваш сервер — локальный — сервер базы данных, работающий на том же физическом компьютере, что и файлы. Ваша база данных — это та, которую вы только что создали — для меня db_site1, затем добавьте имя пользователя root и укажите пароль root, который вы создали. Нажмите «Следующий шаг», и если вы полностью следовали этим инструкциям, вы должны получить пропуск. В этом случае вы готовы запустить Perch! Просто используйте те же реквизиты, которые прошли проверку при установке Perch.
Краткий справочник по добавлению нового сайта
Все это было довольно затянуто, так как нам пришлось установить и настроить множество битов, чтобы вы могли начать работу. Однако в следующий раз, когда вам понадобится добавить новый сайт, вы можете выполнить следующие шаги.