Xampp как запустить сайт: Установка локального веб-сервера — XAMPP — Документация docs.cs-cart.ru 4.1.x

24. 05.2021

Из этой пошаговой инструкции вы узнаете, как установить локальный веб-сервер XAMPP на операционную систему Windows, который имитирует реальный веб-сервер и позволяет тестировать сайт WordPress прямо на своём домашнем компьютере.

Итак, приступим:

1. Переходим на страницу XAMPP и скачиваем последнюю версию дистрибутива.
2. Теперь нажмите на скачанный файл для запуска установки.
3. Далее кликаем на кнопку Next и выбираем необходимые компоненты. Можно оставить всё как есть и перейти к следующему шагу.
4. Укажите диск и папку в которую будет установлена программа. Затем выбираем язык установки English, русского языка нет.
5. На следующем этапе будет предложено установить локальный сервер Bitnami, снимите галочку и нажимайте Next.
6. После установки программы в настройках Брандмауэра Windows разрешите Apache и mysqld.exe связь в частной сети..
7. XAMPP автоматически запустится на компьютере. Если вы отменили автозапуск, то откройте папку D:\\xampp и запустите файл «xampp-control».
8. В открывшемся окне нажмите кнопку «Config».
9. Запустим необходимые модули: Apache, MySQL и почтовик Mercury (необязательный). Проставьте галочки, как указано на изображении. После сохранения перезапустите программу или нажмите Start напротив вышеуказанных модулей.
10. Если при сохранении настроек появился ошибка «Error:Cannot create file «D:\xampp\xampp-control.ini», то завершите работу программы и запустите её с правами администратора кликнув правой кнопкой мыши по файлу «xampp-control» в папке D:\xampp\ и по опции «Запуск от имени администратора».
11. Для Apache нужен свободный порт 80, для MySQL порт 3036. Если порт 80 окажется занят программой Skype, то в настройках Skype уберите галочку с портов 80 и 443.
12. Теперь открываем браузер и в адресную строку вводим «localhost». При правильной установке откроется панель управления XAMPP.
13. Для установки WordPress на XAMPP переходим на сайт ru. wordpress.org и скачиваем последнюю версию.
    1. Советы по настройке сайта на WordPress для начинающих
14. Распаковываем архив в папку D:\\xampp\htpdocs.
15. В браузере вводим http://localhost/wordpress/ и попадаем на страницу настройки файла конфигурации.
16. Для дальнейшей настройки нам необходимо будет создать Базу Данных (БД) с именем пользователя и паролем.
17. Переходим по адресу http://localhost/phpmyadmin/, нажимаем «Создать базу» и указываем название базы. В данном примере назовём базу wptest.
18. В базе автоматически создано имя пользователя «root» без пароля.
19. Возвращаемся на страницу настройки WordPress и вводим имя БД, имя пользователя — root и пустой пароль, сервер базы данных — localhost, при желании меняем префикс базы (рекомендуется изменить для безопасности, если сайт будет переноситься с локального сервера). Запускаем установку.
20. На следующей странице указываем название сайта, имя пользователя (не используйте имя admin) и пароль для административной панели WordPress (сильный пароль не менее 16 знаков), а также реальный e-mail. Отключите индексирование поисковыми системами, если это новый сайт, который в дальнейшем вы перенесете на хостинг. Когда он будет полностью готов, в настройках WP вы сможете отменить данную опцию.
21. Сайт создан, теперь вы можете ввести имя пользователя и войти в административную панель WordPress.
22. Если случайно забыли пароль, то перейдите в БД > Таблица «up_user» > Ваш user_login > Изменить > Столбец «user_pass» > Выбрать функцию MD5 в выпадающем списке > В поле «Значение» ввести новый пароль и сохранить.
23. Во время работы сайта WordPress на XAMPP у вас могут появиться некоторые уведомления об ограничениях ресурсов, которые легко редактируются в файле php.ini. Чтобы открыть этот файл, в XAMPP Control Panel нажмите кнопку Config, расположенную напротив модуля Apache, в открывшемся меню выбирайте пункт PHP(php.ini). Вот некоторые параметры которые вы сразу можете отредактировать:
    1. memory_limit=512M (указано по умолчанию, этого вполне хватает обычному сайту),
    2. max_execution_time=300,
    3. upload_max_filesize=100,
    4. post_max_size=0 (снимет все ограничения на максимальный размер для всех данных POST),
    5. max_input_time=0 (-1 означает, что вместо этого используется max_execution_time. Установите значение 0, чтобы разрешить неограниченное время).

Итак, сайт запущен на XAMPP и настроен, работайте с ним точно также, как и на реальном хостинге. Осталось выбрать удобный редактор кода, который сэкономит вам процесс разработки или редактирования файлов WordPress.

TwitterВКонтакте

Отправить донат автору

Через Yoomoney

Картой или Qiwi

Установка 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.0057 utf8_general_ci . Это гарантирует, что данные, хранящиеся в базе данных, хранятся как utf8 , поэтому у вас не должно возникнуть проблем с вводом каких-либо специальных символов.

Нажмите «Создать», и теперь у вас есть база данных, готовая к работе.

Шаг 5. Протестируйте новую настройку, запустив тест на совместимость с Perch

Теперь у вас должно быть все готово для локальной разработки ваших сайтов. Хорошим окончательным тестом будет использование одного из наших сайтов и базы данных, которую мы только что создали, для запуска теста совместимости Perch Server.

Скачать тест.

Разархивируйте его и поместите на один из ваших сайтов — я использую свой сайт1.

Посетите тестовую папку окуня на сайте на сервере в веб-браузере. Мне нужно перейти на http://site1.local/perchtest. Вы должны увидеть первый экран теста.

Заполните детали. Ваш сервер — локальный — сервер базы данных, работающий на том же физическом компьютере, что и файлы. Ваша база данных — это та, которую вы только что создали — для меня db_site1, затем добавьте имя пользователя root и укажите пароль root, который вы создали. Нажмите «Следующий шаг», и если вы полностью следовали этим инструкциям, вы должны получить пропуск. В этом случае вы готовы запустить Perch! Просто используйте те же реквизиты, которые прошли проверку при установке Perch.

Краткий справочник по добавлению нового сайта

Все это было довольно затянуто, так как нам пришлось установить и настроить множество битов, чтобы вы могли начать работу. Однако в следующий раз, когда вам понадобится добавить новый сайт, вы можете выполнить следующие действия.

• Создайте папку на вашем компьютере для файлов
• Отредактируйте файл хоста, чтобы добавить имя сайта
• Отредактируйте httpd-vhosts, чтобы добавить VirtualHost
• Перезапустите Apache с помощью панели управления XAMPP
• Создайте базу данных для своего сайта с помощью PHPMyAdmin

apache — Как протестировать веб-сайт с помощью XAMPP?

Это довольно общий запрос, так как я очень не понимаю, как это сделать. Я хочу использовать сервер apache, который я загрузил как часть XAMPP, чтобы протестировать веб-сайт, который я создаю, который будет использовать php и mysql. Общий вопрос: как мне это сделать?

Насколько я понимаю, файлы уходят в C:\xampp\htdocs, к которым потом можно получить доступ через localhost. Что меня смущает, так это то, что административный материал XAMPP также находится здесь, поэтому, например, я не могу заменить файл index.php без потери доступа к phpMyAdmin и так далее. Должен ли я создать новую папку для веб-сайта внутри этого?

Я попытался настроить виртуальный хост с помощью инструкций, которые нашел в Интернете. Я добавил его, например, в файл хоста Windows и в файл конфигурации хостов xampp, как указано здесь. Сделав это, служба Apache не запустилась и выдала мне журнал ошибок, очень похожий на этот. Я следовал инструкциям, данным в ответе на это, и это все еще не сработало. С тех пор я удалил и переустановил его, и он снова работает нормально, но без настройки виртуальных хостов.

Наконец, я хочу использовать HTMLPad для создания веб-сайта, потому что мне очень нравится его функция предварительного просмотра в реальном времени. Однако, чтобы настроить это, его снова необходимо подключить к серверу. Инструкции, которые он дает:

Подробное руководство: как просмотреть файлы PHP?

Чтобы иметь возможность локального предварительного просмотра файлов PHP без загрузки в Интернет, на вашем компьютере должен быть установлен веб-сервер, и он должен быть настроен для поддержки файлов PHP. Пожалуйста, обратитесь к PHP и веб-серверу руководства для получения дополнительной информации об установке веб-сервера с поддержкой PHP.

Мы рекомендуем использовать бесплатный веб-сервер Apache с сайта apache.org

Шаг 1. Каков корень вашего документа? Узнайте, что представляет собой ваша локальная сеть корневая папка документов сервера. В корневой папке документа хранится веб-страница файлы, доступные через URL вашего веб-сервера. Пожалуйста, обратитесь к вашему веб-сайту руководство сервера для получения дополнительной информации.

Шаг 2. Какой у вас адрес веб-сервера? Узнайте, что является вашим местным URL-адрес веб-сервера, обычно это http://localhost/

Шаг 3. Убедитесь, что ваш веб-сервер работает Убедитесь, что ваш веб-сервер действительно работает с файлами PHP. Для этого сохраните файл PHP на своем веб-сайте. root документа и попробуйте открыть его через веб-браузер. Например, если ваш корень веб-документа — c:\htdocs\, сохраните файл как c:\htdocs\index.php и попробуйте открыть его через URL http://localhost/index.php

Если ваш веб-сервер работает, вы готовы настроить внутреннюю предварительный просмотр.