Как запустить сайт на локальном сервере
Перейти к содержимому

Как запустить сайт на локальном сервере

  • автор:

Настройка локального сервера

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

Локальный сервер на Windows

Включаем Internet Information Service(IIS)

  1. Щелкните [Программы] в [Панель управления].

Добавляем файлы в локальный сервер.

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

    В [Мой компьютер] откройте [Локальный диск C:].

Заходим на локальный сервер через браузер

  1. Откройте ваш браузер.
  2. Введите в адрессной строке:
    http:///Папка проекта/
    или
    http:///Папка проекта/
    или
    http://localhost/Папка проекта/

Узнаём имя компьютера

  1. Щелкните правой кнопкой мыши по [Мой компьютер], выберите [Свойства].

Узнаём ваш IP адресс

  1. Щелкните [View network status and tasks] in the [Control Panel].

Настраиваем localhost

*Как правило, уже настроено.

Для доступа к серверу по http://localhost/ в браузере, вам нужно настройть «hosts» файл.

    Откройте [Пуск], Выберите [Все программы], [Стандартные]. Щелкните правой кнопкой мыши по [Блокнот] и выберите [Запустить от Администратора].

# 127.0.0.1 localhost
127.0.0.1 localhost

Настройка локального сервера на Mac OSX

Для создания локального сервера в Mac используется Apache(Апач), который как правило, уже установлен в системе.

Базовые команды Apache

Команды водятся в Терминале.

Запускаем Apache

$ sudo apachectl start

Останавливаем Apache

$ sudo apachectl stop

Устанавливайем файлы на сервер

Скопируйте папку проекта в папку по следующему пути:

/Library/WebServer/Documents П.п: проверить на русской локали.

Играем через браузер

  1. Откройте ваш браузер.
  2. Введите в адресную строку и подтвердите:
    http://localhost/ИмяПапкиПроекта/

Как начать работу с локальным сервером Open Server

like

209

В этом выпуске вы найдёте обзор и подробные инструкции по установке и настройке сервисной платформы Open Server. Благодаря этой платформе веб-разработчик может в условиях имитации реального сервера отладить код и плагин, а также провести различные работы над сайтом.

Назначение Open Server

На сайте разработчиков говорится, что Open Server (https://open-server.ru/) является портативной серверной платформой и программной средой, созданной специально для веб-разработчиков с учётом их рекомендаций и пожеланий.

Платформа, работающая под Windows, предназначена для отладки кода до того, как его используют на реальном проекте, чем невероятно полезна и удобна для разработчиков. Это может быть отладка как кода, так и плагина, а также обновление существующих CMS.

Например, когда мне нужно проверить работоспособность плагина, скрипта или обновить CMS, я поступаю таким образом:

  • делаю свежий бэкап (резервную копию) существующего проекта и разворачиваю его локально;
  • обновляю или выполняю определённые правки в коде;
  • проверяю, всё ли корректно работает;
  • выкатываю на рабочий сайт.

Установка платформы

1. Выбираем подходящую для нас версию Open Server и скачиваем пакет тут: https://open-server.ru/download/. Для моей работы достаточно пакета Basic (пакеты Premium и Ultimate, включающие полезные программы, можно найти тут: https://open-server.ru/#progs). Если вы внесёте пожертвование, скачивание займёт у вас 5 минут, если же бесплатно — более двух часов

Дистрибутивы

2. Затем запускаем установку пакета двойным кликом. Файл дистрибутива (версия 5.2.5) выглядит так:

Исходный файл OpenServer

3. После запуска распаковки дистрибутива указываем диск, на который хотим установить пакет. После установки по указанному пути появится папка Open Server со следующим содержимым:

Установка OpenServer

Содержимое папки OpenServer

Компоненты сборки представлены в 32-битной и 64-битной версиях.

Запуск, настройка и применение Open Server

1. Чтобы запустить программную среду, кликните по нужной версии 64 или 86 (32-битная). В трее у вас появится красный флажок:

OpenServer в трее

При нажатии на него открывается меню:

Меню OpenServer до запуска

2. В этом меню выберите «Запустить», после чего активируются все компоненты и другие пункты меню:

Меню OpenServer после запуска

В меню собрано всё необходимое для работы с платформой: список сайтов, ссылки на Консоль (собраны в «Дополнительно»), инструменты работы с базами данных, файлы конфигурации.

3. Пункт «Настройки» позволяет настроить платформу под ваши нужды. Самым интересным для меня является пункт Модули:

Модули OpenServer

Как видите, тут можно выбрать конфигурации вашего сервера: Apache, Nginx, PHP, MySQL. Таким образом можно имитировать реальный сервер, на котором в дальнейшем будет жить ваш сайт и/или скрипт.

Чтобы начать работать с кодом, нужно:

  • создать домен в папке «OpenServer/domains», например, test.local;
  • прямо в корне этой папки создать файл с расширением .php;
  • перезапустить Open Server;
  • найти и открыть свой test.local в подменю «Мои сайты».

Сайт будет запущен в браузере, который установлен у вас по умолчанию.

Кстати, по умолчанию в папке «OpenServer/domains» есть папка «Localhost» с файлом index.php, и если в браузере прописать https://localhost/, вы увидите такую страницу:

Сайт на OpenServer

Это и есть содержимое index.php. Вы можете использовать эту папку для работы со своими сайтами и скриптами. Но когда у вас несколько проектов (сайтов), то, конечно, под каждый из них лучше создавать по папке-домену.

Дальше можно делать практически всё то же, что и на обычном сервере:

  • развернуть чистый дистрибутив любой CMS;
  • написать свой скрипт и отладить его;
  • развернуть бэкап сайта, обновить на нём CMS до последней версии и/или поставить плагины и проверить, чтобы они не конфликтовали между собой;
  • примерить новый шаблон или написать свой — в общем, всё что душе угодно.

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

Более подробная информация по установке, компонентах и работе с Open Server представлена на официальном сайте.
Я в свою очередь хочу поблагодарить всех тех, кто работал над созданием этого замечательного инструмента. А всем читателям нашего блога желаю удачи в, возможно, первых шагах к веб-разработке.

Есть вопросы? Пишите в комментариях под этой статьёй!

Подписаться на рассылку

  • Вы не любите Joomla!? Вы просто не умеете ее готовить Продолжим серию обзоров популярных CMS и поговорим о Joomla: в чем её преимущества и с чем вам придется познакомиться, работая с этой CMS. Мы постарались.
  • Каким должно быть ТЗ по SEO для разработчиков при создании сайта? Что при создании сайта должно содержаться в техническом задание для разработчиков со стороны SEO? Ответ Техническое задание для разработчиков должно содержать следующие разделы, которые касаются.
  • Как и зачем обновлять CMS вашего сайта Почему нужно обновлять CMS вашего сайта, насколько часто, как правильно это сделать и как проверить результаты обновления. Читайте в статье нашего программиста. К нам обращаются.
  • 9 ошибок при разработке сайта, которые мешают продвижению Чтобы в дальнейшем при продвижении не возникло проблем, в ТЗ на разработку сайта нужно учесть и прописать моменты, важные с точки зрения SEO. С какими ошибками.
  • Как сделать редизайн и переезд сайта без потерь позиций и трафика Вступление Делая редизайн сайта, вы, конечно же, надеетесь на улучшение позиций, трафика. Вряд ли кто-то рассчитывает увидеть после доработок такой график: На практике ситуация с.

Пришла с небольшими знаниями в настройке, установке и принципах работы нескольких CMS. С тех пор «обросла» знаниями и опытом в разработке сайтов на следующих CMS, PHP и JS/CSS-фреймворках: WordPress, Joomla, Bitrix, MODx, Drupal, Codeigniter, Laravel, Bootstrap.

Разрабатывает, дорабатывает, перерабатывает и адаптирует сайты.

Девиз: если очень захотеть, можно в космос полететь

Оцените мою статью:

(98 оценок, среднее: 4,48 из 5)

Задайте их прямо сейчас, и мы ответим в течение 8 рабочих часов.

12 комментариев к статье “ Как начать работу с локальным сервером Open Server ”

Bambarbia :

Вам не жалко своего времени на написание капитанских статей? На странице с доками все расжевано и разложено по полочкам. Извините, если обидел, но подобным трешаком половину инета завалено, зачем его еще засорять?

Anna Sebova :

То, что очевидно для одних, может не являться таковым для других — например, как этот факт для меня и для Вас.

Xaxel3000 :

Ну я к примеру вообще не знал, что такая программа существует. Может быть потому что я не вебмастер. Спасибо за статью.

Абдулазиз :

2018-01-18 17:01:00 ———————————————
2018-01-18 17:01:00 Начало процедуры запуска сервера
2018-01-18 17:01:00 Невозможно занять порт 3306 поскольку он уже используется: mysqld.exe
2018-01-18 17:01:00 Сбой запуска! ПОМОГИТЕ. что сделать? Если можно пришлите ответ на мой аккаунт abdulazizmannopov07@gmail.com пожалуйста

Anna Sebova :

Я не разработчик данного приложения, а такой же пользователь.
Поэтому рекомендую поискать ответ на форуме OpenServer
https://ospanel.io/forum/ и в документации https://ospanel.io/docs/

Наталия :

Скорее всего у Вас установлена сама программа MySQL, в которой указан порт 3306 (он указан по умолчанию). Поэтому второй экземпляр MySQL, который входит в OpenServer и в котором порт по умолчанию также 3306 и не хочет запускаться. Надо найти в интернете альтернативные порты для подключения MySql и поменять порт в настройках OpenServer на вкладке сервер. Я установила для MySQL в OpenServer порт 1433. В итоге у меня работают две версии MySQl: просто MySQLБ включая WorkBanch и MySQL в OpenServer.

Степан :

При включении сайта через браузер выдает такие ошибки : Warning: mysql_fetch_assoc() expects parameter 1 to be resource, array given; Warning: Division by zero in; Код : $d1 = mysql_query(«SELECT default_gold_in_bank FROM (1 ошибка)
$k_d_ratio = round ($kills_print / $deaths_print, 3); (2 ошибка)

Anna Sebova :

Степан, эти уведомления не имеет отношения к теме статьи и к OpenServer. Тут проблемы в самом коде:
Division by zero — деление на ноль и т.д.
Попробуйте поискать ответ в мануале PHP (http://php.net/) по указанным функциям.

Олег Матвиенко :
пропал из трея флажок. Не могу запустить Опен сервер

Не могу изменить в настройках версию PHP5,6 на PHP7/
Выдаёт:
2019-01-17 10:25:31 ———————————————
2019-01-17 10:25:31 Начало процедуры запуска сервера
2019-01-17 10:25:31 Модуль Apache-2.4 может работать только с PHP 5.5 или PHP 5.6
2019-01-17 10:25:31 Сбой запуска!
Подскажите, пжл, как решить?

как открыть готовый wp сайт на open server. раньше сам смог но сейчас не как несмогy спомнить, и в гугле не смог найти полноценный и подходящий статью

Как запустить сайт на своем компьютере?

Мне нужно для тестов. Я в этом полный ноль, надеюсь, что вам не будет трудно поделиться ссылками. Домен, я так понимаю, все равно придется купить? (Какой будет адрес по умолчанию? localhost?) Или можно тестовый сделать на сервере?
Я слышал о denwer — мне подойдет?

  • Вопрос задан более трёх лет назад
  • 23688 просмотров

Комментировать
Решения вопроса 3

XNoNAME

Также можно отредактировать файлик hosts
-windows: C:\Windows\System32\drivers\etc\hosts
-linux: /etc/hosts

Добавить такую запись:
127.0.0.1 mydomain.com

и ваш локальный сайт будет доступен по адресу http://mydomain.com

Ответ написан более трёх лет назад
Комментировать
Нравится 2 Комментировать

XXX

Решение где-то рядом
Ульян Романов домен покупать не обязательно, для Ваших целей подойдет XAMPP
Ответ написан более трёх лет назад
Нравится 1 8 комментариев

XXX

Ульян Романов интерфейс очень простой, есть примеры на русском, как пользоваться

TexxTyRe

Ульян Романов @TexxTyRe Автор вопроса
Дело в том, что я собираюсь функционал написать на Java. Получится у меня такая связка?

XXX

Ульян Романов: а почему нет? Попробуйте. Вот например старый гид по установке wordpress в XAMPP. Абзац про wp-config-sample.php можно пропустить. 🙂

XXX

Ульян Романов: если мой ответ был Вам полезен, можете отметить его как решение. 🙂
Удачи!

TexxTyRe

Ульян Романов @TexxTyRe Автор вопроса

Natan: да, полезен, но можно еще уточнить — сайт я буду выкладывать получается на локальный сервер? Как мне залить его интернет, чтобы его другие видели и самое главное, чтобы через него можно было работать с API других сайтов

XXX

Ульян Романов: да, получается сайт будет работать локально. Если хотите чтобы он был доступен в сети, самое простое это использовать бесплатный хостинг, на котором дают бесплатно домен третьего уровня.

TexxTyRe

Ульян Романов @TexxTyRe Автор вопроса
Natan: не могли бы поделиться таким хостингом?

XXX

Ульян Романов: я такими не пользуюсь, даже под ГС. Можете посмотреть например этот, haphost, hostinger или бесплатный тариф beget. Погуглите, вариантов много. Но везде на бесплатном хостинге масса ограничений и лимитов, которые могут мешать нормальной работе. Проще заплатить пару баксов и пользоваться полноценным хостингом, а не тратить свое время на обход проблем и ограничений. Если хотите, могу порекомендовать хостера которым сам пользуюсь. Бесплатные домены можете посмотреть здесь и здесь. Хотя купить ru домен тоже не проблема, стоит копейки.

Как установить локальный сервер на Windows

Узнайте, как установить то, без чего не может обойтись ни один веб-разработчик.

Евгений Кучерявый

Евгений Кучерявый

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

Под локальным сервером в веб-разработке обычно понимают набор ПО, которое позволяет запускать сайты на своём компьютере, реже — сам компьютер. Доступ к этим сайтам есть только на одном устройстве (потому-то он и локальный), но этого достаточно, чтобы программист мог всё протестировать.

Из этой статьи вы узнаете, как установить сервер на Windows.

Какой сервер выбрать

Чаще всего используются локальные серверы Denwer (джентльменский набор веб-разработчика), Xampp и Open Server — все три бесплатны.

Первый (Denwer) прошёл проверку временем и любим многими специалистами. Однако он уже достаточно давно не поддерживается разработчиками, поэтому придётся самостоятельно обновлять некоторые модули — например, версию PHP и СУБД (система управления базами данных).

Также сам он не совсем удобен: интерфейс установщика — консоль, а все настройки нужно вносить в специальные файлы с помощью «Блокнота».

Я бы посоветовал новичкам этот вариант, потому что тогда они на практике узнают, как всё устроено. Но время движется вперёд, поэтому лучше концентрироваться на изучении чего-то более современного.

В этой статье мы рассмотрим Open Server. Его преимущества:

  • Не требует установки — достаточно скачать и распаковать архив.
  • Удобные настройки — можно открыть меню и выбрать всё, что нужно.
  • Обновления — регулярно выходят новые версии.

Главный недостаток, пожалуй, — большой вес:

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

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