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

Как открыть локальный сайт в браузере

  • автор:

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

По причине безопасности, запустить 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/ИмяПапкиПроекта/

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

Рассмотрим часто возникающий вопрос: Как запустить сайт на компьютере без хостинга? Нам понадобятся всего две вещи:

1 — скачанный с хостинга сайт (средствами файл-менеджера или Filezilla),

2Openserver для запуска его локально на компьютере.

FileZilla — программа для передачи файлов сайта через FTP на сервер.

Openserver — программа для запуска сайтов локально на компьютере.

Установка FileZilla и подключение к серверу

Скачиваем установщик для Windows. Устанавливаем, соглашаясь с тем, что нам предлагается во время установки. Далее открываем программу и переходим в меню «Менеджер сайтов».

FileZilla - меню менеджер сайтов

Данные логин, ftp и пароль вы должны знать от хостинга. В различных хостингах меню находится в разных местах интерфейса.

FileZilla - установка соединения с FTP

Заполняем здесь новый сайт. Если все заполнено верно, вам откроется ваш сайт с правой стороны экрана. С левой будут папки вашего компьютера. Или корневой каталог со всеми сайтами. Смотря, куда вы открыли доступ.

Теперь вы свободно можете скачивать/закачивать файлы на сервер и на компьютер.

Запуск сайта БЕЗ базы данных MySQL (лендинги, статические сайты)

Для запуска статического сайта (это сайт без базы данных, хранящий все свои данные в HTML-файлах) не требуется ничего специального. Скачайте его на компьютер с помощью файл-менеджера хостинга или FileZilla. На компьютере просто откройте любую нужную страницу, сайт должен запуститься в рабочем режиме через браузер.

Как открыть статический сайт на компьютере

Создаем архив сайта на хостинге

Чтобы скачать сайт, рекомендуем сделать его архив на хостинге и скачать базу данных. Для этого идем на хостинг в файл-менеджер и архивируем ресурс.

Создаем архив на хостинге

Скачиваем дамп (файл) базы данных. Для этого идем в phpMyAdmin и экспортируем базу данных на компьютер. Это позволит скачать актуальную свежую базу данных с сайта.

Открываем phpMyAdmin

Экспортируем базу данных:

Экспортируем базу данных

Альтернативный метод, это сделать бэкап сайта и скачать его. Любой из этих хостингов, поможет это сделать бесплатно.

Скачиваем файлы сайта на компьютер

Теперь у нас есть актуальная база данных. Можем скачать файлы на компьютер. Для этого открываем FileZilla и заходим на сервер и скачиваем наш архив на компьютер.

Скачиваем файлы сайта на компьютер

Теперь разархивируем файлы в папку и у нас на компьютере будет полная версия нашего сайта + база данных. Лежать пусть будет в этой же папке.

Устанавливаем Open server на Windows

Для запуска нам достаточно версии Open Server Basic. Скачивание программы займет какое-то время. Или можете отправить донат в 60 рублей и скачать программу быстро. Программа является бесплатной, поэтому нет ничего зазорного в том, чтобы поддержать разработчиков.

Запускаем установку. Выбираем диск для установки программы.

Установка Open server

После установки мы идем в папку, находим .exe файл. Запускаем его, после чего увидим красный флажок справа-внизу панели Windows и загрузка Microsoft VC ++. Придется подождать какое-то время, пока система загрузит компоненты. Потом следует перезагрузить компьютер.

Первый запуск Open server

Запускаем Openserver и сайт на нем

Нажимаем «Запустить» (зеленый флажок).

Запуск Open server

Программа начинает свою работу. Теперь мы можем настроить (пункт «Настройки»), все, что нам необходимо в программе. В случае, если вы впервые смотрите на настройку веб-сервера, советуем вам выбирать все то, что было у вас на хостинге. Это либо сервер Apache, либо Nginx.

HTTP: Apache-PHP+Nignx — последней версии, PHP: 7.1+ и MySQL/MariaDB: MySQL 5.7+. Выше шанс, что сайт запустится без проблем.

Настройка Open server

Для начала работы нам нужен сайт в папке «Openserver/domains«.

  • Создаем здесь сайт (папку), допустим test.local.
  • Копируем туда все файлы сайта, скачанные и разархивированные ранее.

ПЕРЕЗАПУСКАЕМ СЕРВЕР! (желтый флажок)

Подключаем Базу Данных

Открываем опцию «Дополнительно — PhpMyAdmin»:

Открываем PhpMyAdmin в Open server

Вводим логин и пароль: root и root, соответственно. Если вы не меняли логина пароля для сервера. Это не нужно, если вы работаете исключительно у себя на локальном компьютере.

Создаем базу данных. В моем случае «mysql«. Импортируем базу данных сюда, вкладка «Импорт» в меню PhpMyAdmin.

Импорт БД Open server

Все. Мы создали базу.

Успешный импорт БД Open server

Теперь вам следует изменить все пути до конфиг файлов (в моем случае это: C:/Openserver/domains/test.local) и настройки подключения базы данных: имя базы, логин, пароль. Просто открываем конфиг файл редактором и меняем логин, пароль и название базы на: root, root, mysql (базу можете назвать, как хотите).

Где искать конфиг файлы для разных CMS?

Конфиг файла WordPress лежит в корне сайта: /wp-config.php. С WP есть особенность с путями до страниц и комментариев. Перенос WordPress и смена имени домена.

Конфиг файлы для MODX revo лежат тут: корень сайта /config.core.php, /manager/config.core.php, /connectors/config.core.php и главный с доступом в базу: /core/config/config.inc.php.

Файл для настройки Joomla в корне сайта: /configuration.php.

Как видите, сколько CMS, столько путей до конфиг-файлов.

Запускаем сайт локально на компьютере

Теперь наш сайт легко запускается по ссылке test.local.

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

Форум

Сразу к делу!
версия Open Server 4.7.6
Прочитал мануал от корки до корки к текущей версии, перечитал все темы на данном форуме касающиеся моей проблемы. Ответа нет, тем масса, ответ всегда один -> мануал.

Так же прошу заметить, глубоких познаний в конфигурации сервера у меня нет, опираюсь на мануал «Open Server 4.7.6» и знания полученные при работе с «Denver(ом)»

Описание задачи:
Необходимо настроить доступ в локальной сети к домену(сайту), назовем его «local.mysite.ru»

Решение задачи:
идем в мануал: Работа с программой -> Внешний доступ
находим там строку:

Если вы хотите открыть доступ только для одной конкретной сети (например локальной), то укажите в настройках программы IP адрес выданный вашему компьютеру в этой сети

Так как статичный IP моего компьютера «192.168.1.33» мы его и прописываем..

далее нажимаем кнопку «Сохранить», «Open Server» просит перезапустить сервер, нажимаем «Ок».

Проблема 1
Сервер не запускается, идем в логи и видим:

Логично понять куда идти дальше, идем в мануал:
Другие материалы -> Решение проблем
Перебираем все возможные варианты решения проблемы, их 10, но не один из вариантов не подходит.
Идем за ответом на форум, перебрав кучу страниц находим
решение «Проблемы 1» :
Нужно папку «localhost» находящуюся в «D:\OpenServer_4.7.6\domains\localhost», переименовать например в «mylocalhost». Далее делаем «рестарт сервера», сервер запущен!
Прошу добавить данный аспект в мануал
—————————————————————————————

Далее необходимо как-то достукиваться до нашего домена «local.mysite.ru» с других устройств в локальной сети.

идем в мануал:
Работа с программой -> Внешний доступ

находим там строку:

Чтобы открыть нужный сайт с удалённой машины потребуется внести в HOSTS файл такого компьютера запись с адресом вашего локального домена, например: 64.55.96.24 supersite (где 64.55.96.24 это адрес вашего компьютера, а supersite это имя локального домена).

Идем на другой компьютер находящийся в текущей локальной сети, там открываем файл «hosts» находящийся по адресу: «C:\windows\system32\drivers\etc\»
В файле «hosts» прописываем строку «192.168.1.33 local.mysite.ru», делее идем в браузер.
Если набираем в адресной строке браузера «local.mysite.ru» видим наш сайт!
Если обращаемся по IP «http://192.168.1.33» к локальному компьютеру, то всегда получаем:

Проблема 2
CMS не может подключиться к базе MySQL, эта проблема наблюдается после того как прописать в настройках сервера локальный IP адрес компьютера где стоит «Open Server 4.7.6»
Решение?

Проблема 3
Как я могу достучаться до сайта «local.mysite.ru» находящегося в локальной сети, например с планшета под управлением «Android» или «iOS»?
Работая с «Denver(ом)», достаточно было на любом устройстве, находящемся в локальной сети, ввести «http://192.168.1.33/local.mysite.ru». (это как рабочий пример).
Решение?

P. S. Пишу максимально развернуто, для общего понимания моих действий.

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

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

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

Комментировать
Решения вопроса 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 домен тоже не проблема, стоит копейки.

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

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