Как открыть сайт на php на локальном компьютере
Как запустить сайт на PHP на своём компьютере
Уровень: для новичков
Как запустить OpenServer и убедиться, что он работает
В этой инструкции мы подробно разберём, как пользоваться OpenServer.
Запускаем OpenServer
При первом запуске OpenServer предложит установить дополнительные библиотеки. Согласитесь.
Устанавливаем дополнительные бибилиотеки
Теперь OpenServer можно будет найти в области уведомлений (возле часов). Он выглядит как флажок: красный, оранжевый или зеленый.
Значок OpenServer в области уведомлений
Кликните по флажку правой кнопкой мыши и выберите «Запустить».
Запускаем OpenServer
При первом запуске может возникнуть ошибка. Здесь вы найдёте описание самых частых проблем, а также их решение.
Если флажок стал зелёным, значит, всё получилось и OpenServer работает. Откройте браузер и перейдите по адресу http://localhost. Вы увидите приветственную страницу OpenServer.
Приветственная страница OpenServer
В следующем шаге мы разберём, как с помощью OpenServer запустить собственный сайт.
Как установить локальный сервер на Windows
Узнайте, как установить то, без чего не может обойтись ни один веб-разработчик.
Под локальным сервером в веб-разработке обычно понимают набор ПО, которое позволяет запускать сайты на своём компьютере, реже — сам компьютер. Доступ к этим сайтам есть только на одном устройстве (потому-то он и локальный), но этого достаточно, чтобы программист мог всё протестировать.
Из этой статьи вы узнаете, как установить сервер на Windows.
Пишет о программировании, в свободное время создает игры. Мечтает открыть свою студию и выпускать ламповые RPG.
Какой сервер выбрать
Чаще всего используются локальные серверы Denwer (джентльменский набор веб-разработчика), Xampp и Open Server — все три бесплатны.
Первый (Denwer) прошёл проверку временем и любим многими специалистами. Однако он уже достаточно давно не поддерживается разработчиками, поэтому придётся самостоятельно обновлять некоторые модули — например, версию PHP и СУБД (система управления базами данных).
Также сам он не совсем удобен: интерфейс установщика — консоль, а все настройки нужно вносить в специальные файлы с помощью «Блокнота».
Я бы посоветовал новичкам этот вариант, потому что тогда они на практике узнают, как всё устроено. Но время движется вперёд, поэтому лучше концентрироваться на изучении чего-то более современного.
В этой статье мы рассмотрим Open Server. Его преимущества:
Главный недостаток, пожалуй, — большой вес:
Создание сайта на локальном сервере
Здравствуйте, уважаемые коллеги! Рад приветствовать вас на страницах блога WordPress-book.ru. Прочтя эту статью, вы узнаете, что такое локальный сервер, зачем он нужен и довольно быстро, сделаете из своего персонального компьютера это чудо информационных технологий, затем создадите на нем локальный WordPress сайт.
Чтобы окончательно определиться, надо ли вам это и с чем его едят, рассмотрим основные «полезности» локального сайта на локальном же сервере.
Создание локального сервера
Одни очень хорошие люди, чтобы облегчить нам жизнь, создали такой инсталляционный пакет, как XAMPP. XAMPP включает в себя дистрибутив Apache, содержащий MySQL, PHP и Perl. Вам почти ничего не придется делать (лень — двигатель прогресса), только несколько раз щелкнуть мышью. Почему XAMPP? Потому, что у него есть несколько, весьма весомых, преимуществ перед своими конкурентами:
Скачать пакет XAMPP можно с его страницы тут.
После скачивания, запустите установку. В процессе установки, ничего не меняйте, в каждом новом окне жмите кнопку « Next «.
ВАЖНО: В конце инсталляции, мой Skype блокировал установку локального сервера. Если у вас тоже стоит это приложение, временно его отключите.
На четвертом этапе установки, если не снять там галочку, в браузере откроется новое окно, в котором вам предложат скачать модуль для XAMPP, позволяющий установить на локальный сервер WordPress или другую CMS. Не советую, мне не понравилось. WordPress на свой сервер мы установим другим, более правильным способом.
На седьмом, заключительном этапе установки, оставьте галочку у опции запуска панели управления и нажмите на кнопку « Finish «. Впоследствии, эту панель можно будет открыть двойным щелчком по файлу xampp-control.exe, который находится в папке хамппа (по умолчанию C:\xampp).
В открывшейся панели нажмите по очереди на кнопки « Start » для Apache и MySql.
Создание сайта на локальном сервере
Как известно, ни один проект, работающий на WordPress или на другом движке, без базы данных и без этого самого движка, не сможет появиться на свет. Этим мы сейчас и займемся.
Установка базы данных на локальный сервер
Откройте панель управления локальным сервером (файл xampp-control.exe ) и нажмите на кнопку Admin для MySQL.
В новой вкладке браузера откроется панель администратора phpMyAdmin.
Перейдите в панели на вкладку « Базы данных » или по ссылке « Создать БД «.
Чтобы не запутаться в дальнейшем, в качестве имени базы данных впишите имя своего сайта (домен). На локальном сервере можно создать множество сайтов и для каждого из них, будет своя база данных. Нажмите на кнопку « Создать «. База данных создана, осталось установить WP.
Установка WordPress на локальный сервер
Скачайте архив последней версии WordPress со страницы ru.wordpress.org. Архив распакуйте и скопируйте папку « wordpress » в папку « htdocs » с установленным xampp.
Откройте его в текстовом редакторе, можно в простом блокноте, но лучше в Notepad++. Отредактируйте три строчки, как показано на рисунке ниже.
Не ошибитесь, в 19 строчке впишите имя своей, а не моей базы данных :-).
Теперь остался последний штрих. В адресной строке браузера наберите http://localhost/имя_базы_данных и нажмите клавишу enter на клавиатуре. Откроется следующая страница:
Внесите все необходимые данные и нажмите на кнопку « Установить WordPress «. Через несколько секунд вы будете извещены об успешном завершении операции.
Нажмите на кнопку « Войти «. Сами увидите что произойдет :-). Я вас поздравляю! Вы только что создали локальный сайт на локальном сервере!
Похожее
35 комментариев: Создание сайта на локальном сервере
Установил всё заработало,но при создании новой страницы, или записи выскакивает ВОТ ЭТО:
Fatal error: Uncaught TypeError: array_intersect_key(): Argument #1 ($array) must be of type array, string given in C:\xampp\htdocs\ivan\wordpress\wp-includes\rest-api\class-wp-rest-server.php:1402 Stack trace: #0 C:\xampp\htdocs\ivan\wordpress\wp-includes\rest-api\class-wp-rest-server.php(1402): array_intersect_key(‘/library/’, Array) #1 C:\xampp\htdocs\ivan\wordpress\wp-includes\rest-api\class-wp-rest-server.php(1324): WP_REST_Server->get_data_for_route(‘/starterblocks/…’, Array, ‘view’) #2 C:\xampp\htdocs\ivan\wordpress\wp-includes\rest-api\class-wp-rest-server.php(1243): WP_REST_Server->get_data_for_routes(Array, ‘view’) #3 C:\xampp\htdocs\ivan\wordpress\wp-includes\rest-api\class-wp-rest-server.php(1160): WP_REST_Server->get_index(Object(WP_REST_Request)) #4 C:\xampp\htdocs\ivan\wordpress\wp-includes\rest-api\class-wp-rest-server.php(1007): WP_REST_Server->respond_to_request(Object(WP_REST_Request), ‘/’, Array, NULL) #5 C:\xampp\htdocs\ivan\wordpress\wp-includes\rest-api.php(479): WP_REST_Server->dispatch(Object(WP_REST_Request)) #6 C:\xampp\htdocs\ivan\wordpress\wp-includes\rest-api.php(2520): rest_do_request(Object(WP_REST_Request)) #7 [internal function]: rest_preload_api_request(Array, ‘/’) #8 C:\xampp\htdocs\ivan\wordpress\wp-admin\edit-form-blocks.php(82): array_reduce(Array, ‘rest_preload_ap…’, Array) #9 C:\xampp\htdocs\ivan\wordpress\wp-admin\post-new.php(72): require(‘C:\\xampp\\htdocs…’) #10
На сайте возникла критическая ошибка. Пожалуйста, проверьте входящие сообщения почты администратора для дальнейших инструкций.
В чём может быть причина
Скачал ХАМРР. При попытке запустить возникает сообщение: «Не возможно запустить это приложение на вашем ПК.Обратитесь к издателю приложения».
Мой ПК 32-разрядный. Это причина? Если так, есть ли моя версия?
Помогите! Ошибка :Ошибка установки соединения с базой данных! Что делать?
Если актуально (а я думаю будет актуально и следующим пользователям) — в начальных настройках БД есть пользователь root. Как Вы понимаете, вашего кастомного пользователя там нет.
Т.е. либо использовать root — либо создать своего в консоли БД. Удачи!
Спасибо! Отличная статья.
А как потом свой сайт перенести непосредственно в интернет?
Можно статью об этом,подробнее?
Вроде все делаю по инструкции, но на этом этапе не работает :
«Теперь остался последний штрих. В адресной строке браузера наберите localhost/имя_базы_данных и нажмите клавишу enter на клавиатуре. Откроется следующая страница:»
В браузере пишет :»Error establishing a database connection»
О спасибо XAMPP как раз то что искал, а то все пишут только о денвере, но с XAMPP мне как-то проще работать. Раньше прост оюзал его но уже забыл порядок установки 🙂
Спасибо. Начала создавать свой сайт. Создала базу данных. Но на последнем этапе, когда в адресной строке набираю localhost/имя_базы_данных и нажмаю клавишу enter на клавиатуре появляется сообщение:
«Object not found!
The requested URL was not found on this server. If you entered the URL manually please check your spelling and try again.
If you think this is a server error, please contact the webmaster.
localhost
Apache/2.4.25 (Win32) OpenSSL/1.0.2j PHP/7.1.6»
Сначала думала, что это из-за того, что база имела имя кирилицей. Переделала. Тоже самое.
Из Skype вышла, но как его приостановить не нашла информации в инете.
Анастасия. Проверьте, пожалуйста, совпадает ли название папки (в которой wordpress) с именем базы данных (в данном случае с доменным именем).
Я на WordPress сделал без проблем. Сперва тестил бесплатный вариант на templatemonster.com/ru/ Понравился, потом купил готовый шаблон и по нему уже всё настроил. Запустился с первого же раза и успешно функционирует и до теперь! Нравится мне этот конструктор за простоту и универсальность. Может кому пригодится — вот промокод по всем шаблонам в 10 процентов m6qvxsbfqyo969av44x94wsr0 и на WordPress в том числе.
Очень информативно! Спасибо!
Спасибо за статью, а я что то заморачиваться не стал и сразу пошел на хостинг) выбрал для себя хостинг Hadnyhost, и за 30 дней тестового хостинга уже сделал небольшой сайт)
Для развёртывания сайта на локальном компьютере лучше всего использовать WDSP.
Во первых программа имеет удобный графический интерфейс,
Содержит в себе актуальное ПО Apache 2.4.23, nginx 1.11.7,
Mysql 5.7.16 php 5.5, 5.6, 7.0 phpmyadmin 4.6.4
В wdsp apache работает в паре с nginx при такой конфигурации нагрузка на процессор и память довольно низкая, тяжелые сайты просто летают.
Сделала все,как описано в статье, и получилось. Но через 2 дня при попытки зайти на сайт, выдается сообщение:
Страница localhost не найдена
Не найдена страница для веб-адреса http://localhost/название сайта/wp-admin/
Выполните поиск по запросу localhost beauty harmony admin в Google
HTTP ERROR 404
В чем может быть проблема?
Добрый день!
Подскажите как создать два сайта на локалке.
Очень хорошо написано, спасибо автору.
Полезная статья для тех кто хочет создать сайт на wordpress на локальном сервере но не знает с чего начать.
Игорь, поясните, пожалуйста, почему всё-таки именно XAMPP, а не Denwer, Endels, Open Server?
Как раз обо мне 🙂 Спасибо! Все получилось здорово! Приступаю к созданию сайта!
Можно сделать так, что бы локальный сайт на XAMPP был виден на компьютерах в локальной сети?
Думаю можно, если сделать компьютер с XAMPP сервером.
спасибо за инструкцию 😉
Заинтересовался статьей, без особых проблем создал локальный сервер и установил на него wordpress. Непонятки начались потом. Набрав в адресной строке браузера просто localhost/имя сайта запустить его не удается, выдает сообщение, что нет найден. Обошел это тем, что сначала запускал хамрр. Но при работе с сайтом — загруженные картинки в библиотеке ( в виде иконки) и в записях не отображаются. Что не так? Посоветуйте.
Очень редко, но и меня такое случается. Картинки просто не загружаются. Какой-то сбой. Попробуйте перезапустить локальный сервер.
Все загруженные картинки по умолчанию должны находиться по адресу c:\xampp\htdocs\имя_сайта(базы данных)\wp-content\uploads\. Можно закачивать их туда напрямую (не через админку) и адрес к картинке прописывать вручную.
работаю на mac os, следуя инструкции установил xampp, поставил на него wp. далее весьма довольный отправился выбирать темы и столкнулся с проблемой. нашел «местную» тему, нажимаю на «загрузить» и wp просит координаты доступа к FTP. нигде не могу найти инструкцию к настройке. помогите разобраться, пожалуйста!
Вы для своей операционной системы скачали хампп?
По началу тоже работал с денвером. Локальные сайты зависали, выползали ошибки или просто все работало через одно место. Проконсультировался с давно практикующими вэб-мастерами и они посоветовали забыть про денвер и пользоваться XAMMP. С тех пор работаю только в нем)
Спасибо отличная статья, я в свое время к сожалению не нашел мануалов на XAMPP поэтому пользуюсь другим инструментом wamp, но думаю данная статья будет полезна начинающим наладка любого движка на локальном сервере буть то XAMPP или какой другой вещь незаменимая плюс человек попутно учится работать с теми же апачем php и mysql более развернуто чем на том же денвере, еще раз спасибо и хотелось бы подробней почитать о переносе сайта с локального сервера на хостинг с базой данных.
Спасбо за отличную информацию!
А, действительно, чем хуже старый добрый Денвер? Устанавливается без проблем, имеет полный пакет для разработки, абсолютно бесплатен. А еще надежней тестировать новую тему на поддомене своего сайта. В принципе, этот «черновик», по идее, для этого и существует…
Раньше пользовался Денвером для таких целей. А сейчас при создании сайта сразу заливаю на хостинг и там уже тестирую. Так удобней, т.к. днем я на работе, а вечером и в выходные — дома. А интернет везде, поэтому можно работать над сайтом в любое время.
Конечно, если нет интернета или скорость маленькая, то лучше пользоваться подобными программными средствами.
Согласен, я вот например взял тестовый хостинг у хендихост на 30 дней и мне хватило времени разобраться, что к чему.
Разворачиваем локальный сервер на Windows
Несколько дней назад меня очередной раз посетила Мысль. Мысль была не нова и довольна навязчива: «давай перейдем на Windows8. Ну пожааалуйста». И так как отогнать её никак не получалось, я запаслась чаем и печеньками и приступила.
На установку системы и всех необходимых программ ушло не более двух часов, но затем наступил самый интересный момент: мне нужно было развернуть рабочее окружение, а именно — GIT + локальный сервер (Apache, MySQL, PHP, nginx, memcached, mongodb). Помятуя об опыте предыдущих установок, на этот раз я решила весь процесс задокументировать и сохранить для потомков.
Дисклаймер номер раз: «я не программист» (с), а дизайнер интерфейсов и фронтенд-технолог (но в некоторых случаях могу помочь коллегам и накодить что-нибудь этакое, и меня даже потом за это не побьют)
Дисклаймер номер два: да, я прекрасно представляю, что в Ubuntu всё это делается в разы быстрее. Но я работаю на Windows, так исторически сложилось.
Наш план работ включает установку следующих продуктов:
1. PuTTY
PuTTY — свободно распространяемый клиент для различных протоколов удалённого доступа, включая SSH, Telnet, rlogin. 
В состав PuTTY входит несколько утилит, но мне в работе нужны только он сам и Pegeant (агент SSH-аутентификации, в котором хранятся ключи от git-репозиториев).
Офсайт: перейти
Если вам не нужны никакие SSH-и, забудьте об этом пункте и идём дальше.
2. GIT
Для работы с git я уже не первый год использую TortoiseGit, который стабилен, гуёв и на 146% закрывает все мои потребности. Вобщем, рекомендую.
Офсайт: перейти
2.1 Для работы TortoiseGit требуется git для Windows, который можно забрать на гуглекоде;
2.2 сам TortoiseGit устанавливаем отсюда
3. Denwer
Денвер — Джентльменский набор Web-разработчика («Д.н.w.р», читается «Денвер») — проект Дмитрия Котерова, набор дистрибутивов (Apache, PHP, MySQL, Perl и т.д.) и программная оболочка, используемые Web-разработчиками для разработки сайтов на «домашней» (локальной) Windows-машине.
Офсайт: перейти
3.1 Установка
Нам потребуется скачать базовый комплект и дополнительные модули PHP5.
нет, не просто скачать, а получить ссылки на скачивание по email! То есть вам придется вбивать свою почту, а также имя и фамилию два раза в форме под большим заголовком «Регистрация». «Регистрация требуется в связи с будущим выходом Денвера-4.» уже который год как бы извиняется форма, но я ей больше не верю(.
Обычно установка денвера проходит быстро и безболезненно, но на Windows8 на меня напала ошибка, которая ругалась на отсутствующую библиотеку msvcr71.dll. Библиотеку можно забрать здесь и положить в папку «\Windows\System32\» (x32) или «\Windows\SysWOW64\» (x64). После того, как файл улегся в папку, откройте его свойства и нажмите кнопку «Разблокировать».
3.2 Проверка работоспособности
После установки Денвера, создадим тестовый скрипт, на котором будем проверять работоспособность всего того, что мы установим впоследствии.
Идем в Z:\home и добавляем новый сайт: создаем папку test.local, в ней папку «www», в которую добавляем файл index.php с невероятно креативным текстом:
Перезапускаем Денвер, открываем в браузере www.test.local, впечатляемся и идём дальше
4. Memcached
Memcached — связующее программное обеспечение, реализующее сервис кэширования данных в оперативной памяти на основе парадигмы хеш-таблицы.
Memcache — расширение для php, предоставляет удобный процедурный и объектно-ориентированный интерфейс к memcached, высокоэффективному кеширующему демону, который был специально разработан для снижения нагрузки на базу данных в динамических веб приложениях.
4.1 Установка memcached
А. скачиваем архив с бинарником: Memcached 1.4.5 for Windows отсюда
В. распаковываем содержимое архива в \usr\local\memcached
4.2 Установка memcache
А. скачиваем архив с библиотекой отсюда
В. распаковываем содержимое архива в \usr\local\php5\ext\
С. открываем файл php.ini (\usr\local\php5\php.ini) и подключаем расширение:
extension=php_memcache.dll
4.3 Настраиваем запуск Memcached вместе с запуском Denwer
А. создаём файл с именем «memcached.pl» в директории \denwer\scripts\init.d\
4.4 Проверяем результат
В наш тестовый скрипт (index.php) добавляем:
Перезапускаем Денвер и смотрим, что получилось
5. Nginx
Nginx — простой, быстрый и надёжный сервер, не перегруженный функциями.
Офсайт: перейти
5.1 Настройка Nginx
A. скачиваем с офсайта Windows-версию и распаковываем в \usr\local\nginx
B. настраиваем виртуальный хост для нашего тестового сайта. Для этого открываем \usr\local\nginx\conf\nginx.conf и добавляем туда
Это пример настроек из реального проекта, ваши настройки, очевидно, могут отличаться.
5.2 Настройка Apache
По-умолчанию Апач работает на 80-м порту, но мы только что отдали этот порт Nginx-у, поэтому теперь необходимо изменить шаблон для виртуального хоста в настройках апача и назначить ему порт, отличный от 80-го (например, 8080).
Открываем \usr\local\apache\conf\httpd.conf и изменяем номер порта
5.3 Настраиваем запуск Nginx вместе с запуском Denwer
A. создаём файл с именем «nginx.pl» в директории \denwer\scripts\init.d\
5.4 Проверяем результат
Положим рядом со скриптом файл style.css с содержанием
И облагородим наш index.php:
Теперь перезапускаем Денвер и любуемся результатом. Если CSS-файл подключился – Nginx работает нормально.
6. MongoDB
MongoDB — документо-ориентированная система управления базами данных (СУБД) с открытым исходным кодом, не требующая описания схемы таблиц.
Офсайт: перейти
6.1 PHP-driver
А. Скачиваем библиотеку php_mongo.dll с этого сайта: и закидываем в папку \usr\local\php5\ext\
Методом проб и ошибок было установлено, что подходящий драйвер содержится в архиве mongo-1.2.5.zip/mongo-1.2.5-php5.3vc9ts.zip. Если у вас по какой-то причине не заведётся, попробуйте другие версии.
B. подключаем расширение в php.ini
extension=php_mongo.dll
6.2 Установка Mongo
6.3 Настраиваем запуск MongoDB совместно с денвером
A. создаём файл с именем «mongod.pl» в директории \denwer\scripts\init.d\
6.4 Проверяем результат
Запустим консольный интерфейс mongo
> Z:\usr\local\mongodb\bin\mongo.exe
и выполним вставку и вывод тестового значения в базу “test”
> db.test.save( < name: “Habr!” >)
> db.test.find()
В результате должно получиться следующее:
6.5. Установка интерфейса управления Mongo-базами
На офсайте MongoDB есть список и краткие обзоры админок, так что можно выбрать по вкусу.
Я для себя выбрала RockMongo, поэтому именно с её помощью мы окончательно удостоверимся, что у нас всё работает и никуда не падает.
А. скачиваем архив с админкой с этой страницы. Выбираем, естественно, версию для Windows. На момент написания статьи это RockMongo-on-Windows v0.0.4
B. из архива берём папку \rockmongo-on-windows\web\rockmongo и копируем её в директорию нашего тестового сайта
Открываем config.php и меняем значение параметра
C. Проверяем результат по ссылке www.test.local/rockmongo/index.php
Поздравляю! Теперь мы окончательные и бесповоротные молодцы.
Бонус №1. Работа с php из консоли Windows
Возможно, кому-то пригодится. Мне вот пригодилось, когда наш злобный техлид решил, что «SQL-файлы – это ващепрошлыйвек, давайте юзать миграции». Я, конечно, для приличия попыталась изобразить полное непонимание и даже пустить слезу, но была разоблачена и отправлена разбираться с тем, как это работает на Windows.
Оказалось, что всё что нужно для счастья – это прописать PHP директорию в PATH.
Нажимаем на «Изменить» и добавляем в конец строки
;Z:\usr\local\php5
Теперь проверим, что всё заработало.
В директории тестового сайта создадим файл console.php
Открываем консоль (можно прям из этой же папки – щелкаем правой кнопкой мыши с зажатым SHIFT-ом на пустом месте и выбираем пункт «Открыть окно команд»).
Вводим:
> php console.php “UserName”
Консоль отвечает:
> “Hello, UserName!”
PHP побеждён, всеобщее ликование, апплодисменты, занавес.
Бонус №2.
Все файлы и примеры, упомянутые в статье одним архивом бесплатно без смс: на гитхабе
Надеюсь, что данный материал окажется полезен.
Буду благодарна за замечания и предложения.