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

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

  • автор:

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

Для начала нужно проверить подходит ли ваш компьютер для публикации сайта.
Компьютер должен иметь внешний IP адрес
Узнать это просто:
Сочетание клавиш Win + R в появившемся окне написать cmd и в новом окне написать ipconfig и нажать Enter появится список всех адаптеров на компьютере, нам нужно узнать IP адрес того адаптера который подключает ваш компьютер к сети интернет.

Теперь осталось узнать является ли он внешним, это можно проверить, например на 2ip.ru
Если адреса совпадают, то значит ваш компьютере имеет внешний IP адрес.
Если не совпадают то это значит ваш компьютер подключается к сети интернет через некоторое устройство(Маршрутизатор и т. д.) и из внешней сети не виден.
Но это не беда, внешний IP адрес можно купить у вашего провайдера. Теперь надо скачать и установить Web сервер. Их в сети много но мы рассмотрим установку Web сервера Vertrigo.
Его можно скачать с официального сайта http://vertrigo.sourceforge.net/?lang=ru

Запускаем, мастер поможет вам установить программу.
После установки запустите Vertrigo. Значок появится в трее

Кликнув на нём любой кнопкой мыши мы увидим меню

Интерфейс программы интуитивно понятен. В папке WWW должны находиться файлы вашего сайта. Там уже есть файлы, это локальный служебный сайт для администрирования, но их можно удалить т.к. к этим же страницам можно перейти из контекстного меню нажав на значке и выбрав пункт Тools . В папку WWW положите файлы вашего сайта. Е если вы используете базу данных на вашем сайте, перейдите Тools затем выберите пункт phpmyadmin откроется страница где будет предложено ввести Логин и Пароль (стандартные: логин: root, пароль: vertrigo) где вы сможете создать новую БД и/или выполнить импорт БД вашего сайта.
Настоятельно рекомендуется поменять пароль и имя пользователя БД.

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

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

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.

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

Гайд: как запустить сайт на собственном компьютере за один день

Гайд: как запустить сайт на собственном компьютере за один день

Дмитрий Дементий Редакция «Текстерры»

Обновил Александр Русаков Для проведения тестов, отладки или предварительной сборки нужно быстро «поднять» сайт не на хостинге, а на локальном компьютере, а затем перенести ресурс на сервер хостинг-провайдера. Вот как это можно сделать.

Как подготовить компьютер к работе с локальным сервером

Чтобы запустить локальный сервер на компьютере, придется изменить настройки некоторых программ или операционной системы. Для работы серверов нужно освободить порт 80. Его часто занимает служба Internet Information Services (IIS). Чтобы убедиться в этом, введите в командную строку команду netstat -aon | findstr 0.0:80. Если порт 80 действительно занимает системный процесс, в диалоговом окне в последнем столбце вы увидите значение «4». Чтобы отключить IIS, в панели управления выберите меню «Программы и компоненты – Включение и отключение компонентов Windows». Снимите флаг напротив опции «Службы IIS» и сохраните изменения. Может потребоваться перезагрузка системы. Настройка компонентов WindowsЕсли открыть «Программы и компоненты» в вашей версии Windows не удалось, есть еще один способ. Используйте сочетание горячих клавиш Win+R. Откроется окно «Выполнить», где нужно указать команду appwiz.cpl Если изменение настроек системы не помогло, отключите брандмауэр и антивирусное ПО. Некоторые сетевые экраны блокируют порт 80. Если этот шаг не помог, скачайте и запустите надстройку для Windows TCP View. Программа не требует установки. С ее помощью вы увидите список активных процессов и используемых портов. Найдите процесс, который занимает порт 80, и отключите связанную с ним программу на время работы с локальным сервером. Вид интерфейса программы TCPView

Продвинем ваш бизнес

Как запустить сайт на Open Server

Open Server дает возможность работать без установки ПО на компьютер. Вы можете запускать сервер с USB-накопителя. Скачайте дистрибутив с официального сайта проекта. Open Server можно использовать бесплатно. Разработчики предлагают сделать пожертвование на развитие проекта. Без платежа скорость загрузки дистрибутива сильно ограничена. Скачивать полный пакет придется несколько часов. Активируйте инсталлятор и укажите путь для распаковки архива. По умолчанию программа предлагает установку на системный диск, но вы можете изменить параметры. Запустите исполняемый файл в папке Open Server и выберите язык. Окно с открытой папкой программы Open Server PanelЕсли все сделано верно, в трее появится красный флажок. Нажмите на него, чтобы начать работу с сервером. Меню программы Open Server Panel в системном трееНажмите кнопку «Запустить». Затем введите в адресную строку браузера адрес http://localhost/. Вы увидите страницу приветствия. Приветствие в браузере программы Open Server PanelТеперь установите на локальный сервер выбранную CMS. Для этого создайте новую папку в разделе Domains. Распакуйте в нее архив с дистрибутивом движка. Папка с распакованным сайтомПерезапустите Open Server с помощью меню в трее. Меню перезапуска Open Server PanelВведите в адресной строке браузера URL экспериментального сайта. Вы попадете в меню установки CMS. Процесс установки нового сайтаДля продолжения установки необходимо создать базу данных. Через меню Open Server войдите в панель управления phpMyAdmin. Для доступа к серверу введите имя пользователя root, а поле «Пароль» оставьте пустым. Окно входа в PhpMyAdminВ панели управления phpMyAdmin выберите вкладку «Базы данных» и создайте БД экспериментального сайта. Процесс создания новой базы в PhpMyAdminВ меню установки WordPress укажите название БД и имя пользователя. Завершите установку: укажите название сайта, имя пользователя, пароль, электронный адрес администратора. Форма данных для сайта на WordPressТеперь вы можете работать с сайтом на локальном сервере.

Как работать с локальным сервером Denwer

Denwer остается очень популярным среди веб-мастеров и профессиональных разработчиков, хотя многие специалисты называют это ПО устаревшим. Тем не менее, его возможностей достаточно для запуска и настройки сайтов на популярных CMS. Скачайте дистрибутив с сайта проекта. Закройте браузеры и запустите установщик. Используйте подсказки в диалоговом окне инсталлятора. После завершения установки браузер откроет окно приветствия. Запустить программу можно с помощью ярлыка на рабочем столе Start Denwer. Если его нет, идем в директорию с программой и запускаем ярлык Run: Папка с локальным сервером DenwerВ адресную строку браузера введите URL http://localhost/denwer/. Вы попадете на стартовую страницу локального сервера Denwer.  Приветственная страница сервера DenwerЧтобы установить CMS на локальный сервер «Денвер», создайте раздел с названием сайта в папке WebServers – Home. В разделе создайте еще одну папку с именем www. Распакуйте в нее архив с дистрибутивом движка. Локальная папка сервера DenwerВ разделе создайте еще одну папку с именем www. Распакуйте в нее архив с дистрибутивом движка. Папка для нашего экспериментального сайтаСоздайте базу данных экспериментального сайта в разделе управления phpMyAdmin. Для этого введите в адресную строку браузера адрес http://localhost/tools/phpMyAdmin/. Страница создания базы данныхПерезапустите локальный сервер с помощью ярлыка Restart Denwer на рабочем столе. Установите файлы вашего сайта. Для этого в адресной строке браузера наберите адрес экспериментального сайта. Страница нашего сайтаПосле окончания разработки перенесите сайт с локального сервера на сервер хостинг-провайдера. Чтобы удалить «Денвер», выполните следующие действия:

  • остановите сервер с помощью ярлыка Stop Denwer на рабочем столе;
  • в командную строку введите команду subst z: /d. Это необходимо для удаления виртуального диска Z, который создается при установке ПО «Денвер». Если вы вместо значения по умолчанию Z использовали другое название виртуального диска, укажите это в команде;
  • удалите папку WebServers с диска C;
  • удалите ярлыки управления локальным сервером с рабочего стола.

Как создать сайт на локальном сервере Xampp

Xampp – популярный программный комплекс для создания локального сервера Apache. Чтобы установить ПО, скачайте дистрибутив и запустите инсталлятор. Во время установки оставьте настройки по умолчанию.

В папке Xampp активируйте контрольную панель: запустите приложение xampp-control. На панели запустите сервер Apache и базу данных.

Панель управления сервером Xampp

Введите в адресную строку браузера URL http://localhost. Если Xampp работает корректно, вы попадете на страницу-приветствие.

Приветственная страница локального сервера Xampp

Создайте базу данных экспериментального сайта. Для этого введите в адресную строку браузера URL http://localhost/phpmyadmin/. На вкладке «Базы данных» укажите название БД и нажмите кнопку «Создать».

Страница создания базы данных

Установите на локальный сервер WordPress. Скачайте дистрибутив с официального сайта и разархивируйте его в папку xampp – htdocs. Укажите URL тестового сайта в качестве названия папки с файлами движка.

Чтобы завершить установку CMS, введите в адресную строку браузера URL http://localhost/folder-name. Вместо значения folder-name укажите название папки с файлами CMS.

Страница установки WordPress

Завершите установку и проверьте работоспособность сайта.

Страница консоли успешно установленной WordPress

Как пользоваться локальным сервером Winginx

Winginx – локальный сервер, с помощью которого можно быстро создать сайт на своем компьютере. Скачайте дистрибутив и запустите программу-установщик. После установки ПО нажмите на иконку Winginx в трее и включите компоненты программы.

Страница консоли успешно установленной WordPress

Перейдите по ссылке «Рабочая среда Winginx», чтобы вызвать панель управления программой. Создайте новый проект и укажите адрес экспериментального сайта.

Окно рабочей среды сервера Winginx

Перейдите в панель управления phpMyAdmin с помощью меню «Менеджеры баз данных – phpMyAdmin». Создайте базу данных экспериментального сайта.

Процесс открытия phpMyAdmin

Откройте папку сайта с помощью соответствующего меню в панели управления Winginx.

 Процесс открытия папки сайта

Разархивируйте дистрибутив выбранной CMS в каталог public_html.

Процесс извлечения файлов сайта

Введите в адресную строку браузера адрес wp-admin/install.php и установите движок на сервер.

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

Окно планировщика задач локального сервера Winginx

Как перенести действующий сайт на локальный сервер

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

Если вы используете WordPress, действуйте так:

  • запустите локальный сервер и установите на него WordPress;
  • установите на локальном сайте дизайн-шаблон, который вы используете на реальном ресурсе;
  • установите на действующий сайт и активируйте плагин Duplicator;
  • в административной консоли выберите меню «Duplicator – Пакеты». Нажмите кнопку «Создать новый».

Окно плагина

Скачайте созданные пакеты на жесткий диск компьютера. Перенесите их в корневой каталог ресурса на локальном сервере.

Окно сканирования сайта плагином

Введите в адресную строку браузера путь к файлу installer.php на тестовом ресурсе. Вы попадете на страницу установки базы данных.

Процесс деплоя сайта плагином

Удалите из корневой директории тестового ресурса файлы install.php и wp-config.php.

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

Процесс деплоя сайта плагином

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

Вы можете перенести сайт с сервера хостинг-провайдера на экспериментальный ресурс на локальном сервере без помощи плагинов. Для этого можно воспользоваться функцией «Экспорт» в административной консоли.

Процесс экспорта сайта, выбора элементов для экспорта

С помощью функции «Импорт» можно загрузить полученный файл на локальный сервер.

Процесс импорта сайта, выбора элементов для импорта

Если вы пользуетесь не WordPress, в панели управления phpMyAdmin выберите базу данных экспериментального сайта. Укажите обычный способ экспорта, при котором отображаются все настройки. Выберите метод сжатия gzip. Не меняйте другие настройки. Запустите экспорт БД.

Процесс экспорта базы данных в панели phpMyAdmin

Браузер загрузит на жесткий диск ПК файл с расширением sql.gz. Его необходимо импортировать на сервер хостинг-провайдера. Для этого в панели управления сервером выберите меню «Базы данных – phpMyAdmin».

Панель управления сервером хостинг-провайдера. Выбор базы данных в панели phpMyAdmin

На вкладке «Импорт» загрузите файл с базой данных.

Процесс выбора файла базы данных для импорта

Описанными способами сайты можно переносить с локального сервера на сервер хостера и обратно. Также для создания копии ресурса и последующего переноса вы можете воспользоваться инструментами резервного копирования базы данных, например, плагином для WordPress WP Database Backup или аналогами для других движков.

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

Для рядового пользователя подойдет любой из описанных вариантов. Работа с предложенным ПО позволяет установить сайт на локальную машину, настроить, протестировать и перенести ресурс на сервер хостинг-провайдера.

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

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

Использование встроенных механизмов представленных программ, а также плагинов ускорит перенос готового сайта на сервер хостера и наоборот.

Можно ли обойтись без локального сервера? Конечно. Если вы создаете сайт с простой структурой или блог, при этом используете стандартный движок и дизайн-шаблон, ресурс можно сразу запускать на открытом сервере. Но вы должны точно знать, что сможете быстро обеспечить минимальную безопасность, информационную ценность ресурса, а также его соответствие техническим требованиям поисковых систем.

Размещение сайта на компьютере вместо хостинга?

1. Можно ли этот сайт разместить на домашнем компьютере, постоянно подключенном к интернету с выделенным айпи
2. В чем будет разница между размещением сайта но хостинге и на своем компьютере?
3. Какой инструмент выбрать для этого лучше? Denwer? Open Server? На компе Windows, Linux не предлагайте, пожалуйста

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

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

viktorvsk

Просто даже не рассматривайте такой вариант априори. Если действительно хотите понять, почему — создавайте вопрос «Почему нельзя использовать домашний компьютер как сервер», что бы не вводить других в заблуждение.

Файлы (и изображения) нужно хранить в отдельных специальных местах, например Amazon S3 (так же есть много аналогов вплоть до «арендовать другой сервер с минимальным количество CPU/RAM и максимальным HDD диском, но это тоже плохой вариант):
https://aws.amazon.com/ru/s3/pricing/

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

Ответ написан более трёх лет назад
Нравится 2 7 комментариев
Григорий @gregst Автор вопроса

«вам не нужны фотографии в том же качестве, что и на фотоаппарате,»
само собой.
но
каждая картинка порядка 200 кб? на странице от 25 фотографий и сильно больше

амазон + хостинг для самой цмс получается как минимум в два раза дороже, чем сейчас (да, места там сильно больше, но все равно все упирается в деньги)

если интересно — могу скинуть ссылку на сайт, что бы понять, о чем речь

viktorvsk

Григорий: Вы же написали, что у вас 15 гигабайт, верно? Я за S3 плачу от 0,2 до 1 доллара в месяц за хранение 10-15 гигабайт

если проблема в том, что их у вас очень часто запрашивают, то нужно кешировать горячие.

Можете скинуть пример. Но как я понимаю, это просто что-то вроде блога. И если вы заставляете пользователя выкачивать 25 картинок (5 мегабайт по вашим словам), то почему не взять за ту же 1000 хостинг со 100-300 ГБ HDD и забыть на очень долгое время?

Что за хостинг вы используете за 1000 и с 15 гигабайтами?

Григорий @gregst Автор вопроса
Виктор Ablebeam: spoonerdance.com
хостинг — свеб

viktorvsk

Григорий: у вас обычный блог — перенести изображения на амазон и можно забыть о них. Вот, попробуйте калькулятор S3:
https://calculator.s3.amazonaws.com/index.html
Конечно, нужно будет еще реализовать на сайте нужный функционал.

Цены шаред хостинга, конечно, грабительские. Вам бы арендовать какой VPS (например, https://calculator.s3.amazonaws.com/index.html) и было б счастье. Но может стать вопрос в администраторе.

Или, в крайнем случае, найти хостинг, где в тарифе будет больше доступного места — есть предложения даже с «безлимитными» пакетами, и вариантов очень много.

Григорий @gregst Автор вопроса

Виктор Ablebeam: вопрос как раз в реализации отображения фотографий с другого хранилища

в двух словах — почему для простого сайта с небольшим количеством посетителей размещение на своем компьютере — плохая идея?

viktorvsk

Григорий:
Касаемо домашнего сервера вкратцве:
— Вы не можете гарантировать бесперебойность света, интернета
— Вы не будете покупать серверное оборудование, а домашнее послабее будет
— Множество вопросов по безопасности
— Конечно, скорее всего, такие времена уже в прошлом, но провайдеры по-разному могут реагировать на постоянную нагрузку на свои каналы
— Простой сайт с небольшим количеством посетителей имеет тендецию переставать таковым быть

По поводу хранения картинок на сервере:
— Во-первых, рано или поздно место\тариф закончится и нужно будет куда-либо мигрировать изображения. Имея десятки гигабайт, это может оказаться не самым веселым занятием. На специализированных сервисах место не закончится и есть услуги бэкапов.
— Чаще всего (особенно дома) у вас канал 100 мегабит в секунду (12 мегабайт) — максимум. Посчитайте, сколько человек сможет одновременно открыть Ваш сайт. Это с учетом того, что вы этим интернетом не пользуетесь, а выделенная линия для вашего домашнего сервера уже сравнима по цене с vps + s3.

Советую в 2016 году просто забыть о такой идее. Во-первых, это отсутствие надежности, сложности при настройке и куча головной боли при поиске человека, который все это разрулит, если взлетит.
Во-вторых, сегодня за 10 долларов в месяц можно создавать системы корпоративного уровня с вычетом 100% гарантии доступности (вместо 100% имеете 99% + несколько часов простоя если все совсем плохо).
Если ваш проект не приносит вам 10 долларов в месяц, это или благотворительность или неверная идея.

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

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