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

Содержание

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

Что такое локальный сервер и когда он нужен

Речь идет о программе или наборе программ, которые имитируют работу реальных серверов хостинг-провайдеров. Локальный сервер обеспечивает доступ к ресурсу через браузеры. Набор программ и скриптов преобразует информацию баз данных типа MySQL и языков программирования типа Perl и PHP в HTML- и CSS-код, который «понимают» веб-обозреватели.

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

С помощью локального сервера можно проверять изменения на существующих сайтах. Для этого необходимо скопировать ресурс и запустить его на своем компьютере. Если сайт работает на WordPress, задачу можно решить с помощью плагина Duplicator.

В число наиболее популярных программных решений входят Open Server, Denwer, XAMPP, Desktop Server и другие. Ниже вы найдете руководства по работе с самыми востребованными локальными серверами. Но сначала уделите внимание подготовке ПК.

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

Чтобы запустить локальный сервер на ПК, придется изменить настройки некоторых программ или операционной системы. Для работы серверов нужно освободить порт 80, который на большинстве машин занят тем или иным процессом.

В первую очередь попробуйте изменить настройки Skype. Откройте меню Skype «Инструменты – Настройки – Дополнительно – Соединение». Уберите флаг напротив опции «Использовать порты 80 и 443 для дополнительных входящих соединений». Сохраните изменения и перезапустите программу».

Если изменение настроек Skype не помогает, скорее всего необходимо менять настройки операционной системы. Порт 80 часто занимает служба Internet Information Services (IIS). Чтобы убедиться в этом, введите в командную строку команду netstat -aon | findstr 0.0:80. Если порт 80 действительно занимает системный процесс, в диалоговом окне в последнем столбце вы увидите значение «4».

Чтобы отключить IIS, в панели управления выберите меню «Программы и компоненты – Включение и отключение компонентов Windows». Снимите флаг напротив опции «Службы IIS» и сохраните изменения. Может потребоваться перезагрузка системы.

Если изменение настроек системы не помогло, отключите брандмауэр. Некоторые сетевые экраны блокируют порт 80. Если этот шаг также не помог, скачайте и запустите надстройку для Windows TCP View. Программа не требует установки. С ее помощью вы увидите список активных процессов и используемых портов. Найдите процесс, который занимает порт 80, и отключите связанную с ним программу на время работы с локальным сервером.

Когда порт 80 освобожден, приступайте к установке локального сервера.

Desktop Server: простой способ запустить сайт на WordPress локально

Если вы создаете сайт на WordPress, воспользуйтесь Desktop Server. Скачайте дистрибутив с официального сайта проекта. Распакуйте архив и запустите инсталлятор.

Активируйте Desktop Server и воспользуйтесь меню Create New development site. По умолчанию установочный пакет содержит устаревшую версию CMS WordPress. Вы можете скачать и загрузить в папку Xampplite – Blueprints на диске C дистрибутив актуальной версии WordPress.

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

Перейдите по ссылке, предложенной программой, для завершения установки WordPress.

Выберите предпочтительный язык. Укажите название сайта, имя пользователя, Email и пароль.

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

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

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

Особенность Open Server — возможность работать без установки ПО на компьютер. Вы можете запускать сервер с USB-накопителя.

Скачайте дистрибутив с официального сайта проекта. Open Server можно использовать бесплатно. Разработчики предлагают сделать пожертвование на развитие проекта. Без платежа скорость загрузки дистрибутива сильно ограничена. Скачивать полный пакет придется несколько часов.

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

Запустите исполняемый файл в папке Open Server и выберите язык.

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

Введите в адресную строку браузера адрес http://localhost/. Вы увидите страницу приветствия.

Теперь установите на локальный сервер выбранную CMS. Для этого создайте новую папку в разделе Domains. Распакуйте в нее архив с дистрибутивом движка.

Перезапустите Open Server с помощью меню в трее.

Введите в адресной строке браузера URL экспериментального сайта. Вы попадете в меню установки CMS.

Для продолжения установки необходимо создать базу данных. Через меню управления Open Server войдите в панель управления phpMyAdmin. Для доступа к серверу введите имя пользователя root, а поле «Пароль» оставьте пустым.

В панели управления phpMyAdmin выберите вкладку «Базы данных» и создайте БД экспериментального сайта.

В меню установки WordPress укажите название БД и имя пользователя. Завершите установку: укажите название сайта, имя пользователя, пароль, электронный адрес администратора.

Теперь вы можете работать с сайтом на локальном сервере.

После окончания разработки перенесите его на сервер хостинг-провайдера.

Мы делаем сайты, которые оптимизированы под поисковики и приносят продажи. Обращайтесь! Подробнее

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

Denwer остается очень популярным среди веб-мастеров и профессиональных разработчиков, хотя многие специалисты называют это ПО устаревшим. Тем не менее его возможностей достаточно для запуска и настройки сайтов на популярных CMS.

Скачайте дистрибутив с сайта проекта. Закройте браузеры и запустите установщик. Используйте подсказки в диалоговом окне инсталлятора. После завершения установки браузер откроет окно приветствия. Запустить программу можно с помощью ярлыка на рабочем столе Start Denwer.

В адресную строку браузера введите URL http://localhost/denwer/. Вы попадете на стартовую страницу локального сервера Denwer.

Чтобы установить CMS на локальный сервер «Денвер», создайте раздел с названием сайта в папке WebServers – Home. В разделе создайте еще одну папку с именем www. Распакуйте в нее архив с дистрибутивом движка.

Создайте базу данных экспериментального сайта в разделе управления phpMyAdmin. Для этого введите в адресную строку браузера адрес http://localhost/tools/phpMyAdmin/.

Перезапустите локальный сервер с помощью ярлыка Restart Denwer на рабочем столе. Установите WordPress. Для этого в адресной строке браузера наберите адрес экспериментального сайта.

После окончания разработки перенесите сайт с локального сервера на сервер хостинг-провайдера.

Обратите внимание на особенности удаления локального сервера с ПК. Чтобы удалить «Денвер», выполните следующие действия:

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

Удалите папку WebServers с диска C.
Удалите ярлыки управления локальным сервером с рабочего стола.

Вы полностью удалили «Денвер» с ПК.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Если вы пользуетесь CMS WordPress, обратите внимание на Desktop Server. Установка и настройка этой программы занимают меньше времени по сравнению с другими продуктами. Благодаря плагину для WordPress вы также ускорите перенос готового сайта на сервер хостера. Если вы работаете с другими CMS, используйте любой из предложенных локальных серверов. Например, с Winginx вы сможете запустить сайт и контролировать разработку с помощью удобного планировщика в панели управления программой.

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

kak-zapustit-sayt-na-lokalnom-kompyutere

srv01.texterra.ru

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

Всем привет! На связи Заур Магомедов с очередной порцией материала для веб-мастеров. Не успел начаться год, как мы уже приблизились к концу февраля. Пишу этот пост в праздничный день 23 февраля и пока не забыл — поздравляю всех мужчин с Днем защитников отечества! Ну что можно пожелать еще, как не мирного неба над головой и здоровья всем нам. А теперь собственно перейдем к теме поста.

Когда разрабатываешь сайт по ходу дела могут появляться какие-либо вопросы к заказчику. Так вот эти вопросы удобнее, а в некоторых случаях просто обязательно обсуждать, когда заказчик видит сам сайт. Как мы можем показать сайт заказчику если он разрабатывается на локальном сервере? Можно, конечно, выгрузить на хостинг, это как вариант. Но для меня лично это неудобно, т.к. придется делать обновление на хостинге периодически по мере поступления вопросов. Можно также работая на локалке, при каждом сохранении файлов выгружать их на хостинг, причем делается это автоматически, например, в редакторе Sublime Text 3 + плагин Sftp есть такая возможность.

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

В качестве веб-сервера я буду использовать мой любимый Open Server.

Структура статьи

Доступ к сайту по локальной сети

Сразу скажу, что в данной статье я не буду показывать как нужно настраивать саму локальную сеть. Благо по этой теме в интернете есть масса материалов, в том числе и видео. Чтобы показать сайт по локалке нам необходимо сделать некоторые настройки в Open Server. Для этого щелкаем правой кнопкой мыши по флажку Open Server в трее и переходим к настройкам. Выбираем вкладку «Сервер» и там находим такой пункт, как «IP-адрес сервера», выставляем опцию «Все доступные IP».

Далее переходим во вкладку «Алиасы». Обратите внимание на поля: исходный домен, конечный домен. В поле «Исходный домен» мы вбиваем IP-адрес нашего компьютера в локальной сети. Узнать его можно следующим образом: щелкаем на комбинацию клавиш Win+R и в появившимся окошке вбиваем команду «cmd» для запуска окна командной строки.

Далее в окне командной строки вводим команду «ipconfig» и получаем вот такой результат.

Здесь нас интересует срока «IPv4-адрес». Это и есть ваш локальный IP-адрес компьютера. У меня он — 192.168.1.205, вот как раз его я и вбиваю в поле «Исходный домен» в настройках локального сервера. В поле «Конечный домен» мы выбираем домен нашего сайта. Я выбрал домен по умолчанию — Localhost для примера. После выбора жмем по кнопке «Добавить» и у нас в списке внизу появится запись, которая говорит о том, какой домен должен открываться при обращении к компьютеру с данным IP-адресом из локальной сети.

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

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

Можно дать возможность пользователям смотреть на сайт из интернета. В данном случае локальный сервер будет выступать в роли виртуального хостинга. Но здесь есть некоторый нюанс — у вас должен быть выделенный (статичный) внешний IP-адрес. Ваш интернет-провайдер должен назначить вашему компьютеру в своей сети IP-адрес, который останется неизменным. Обычно такую услугу провайдеры предоставляют за отдельную дополнительную плату. Имея выделенный IP-адрес, доступ к локальному сайту можно решить на раз, два…

Безопасность компьютера!

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

Открываем настройки Open Server -> Алиасы. Добавляем новую строку в паре Исходный домен -> Конечный домен. В поле исходного домена вбиваем наш выделенный IP-адрес. В поле конечного домена выбираем наш домен. Не забываем нажать на кнопку «Добавить». Если вы не знаете свой IP-адрес, то узнать его можно на сайте 2ip.ru.

Следующее, что нам необходимо будет сделать это создать переадресацию портов в маршрутизаторе. Для чего это нужно? Когда обращаются к нашему IP-адресу из сети компьютер должен знать куда перенаправлять эти запросы. Так вот, с помощью переадресации мы как-бы говорим открой такой то сайт. Я покажу на примере своего роутера Asus RT-N12, но суть у всех роутеров будет та же самая, поэтому тут проблем не должно возникнуть. Если у вас английская прошивка, то ищите что-то типа Port Forwarding. На крайний случай почитайте в интернете, как создать переадресацию портов в вашем роутере.

Входим в панель управления роутера и переходим в раздел «Интернет» -> «Переадресация портов». Здесь сразу ставим переключатель «Включить переадресацию портов» в положение «Да». Далее, в поле «Имя службы» можно ввести произвольное название на латинице. В поле «Диапазон портов» можно указать диапазон портов с которыми вы будете работать. По умолчанию для http-соединения используется 80-й порт, поэтому в данном поле я ввожу — 80. В поле «Локальный IP-адрес» выбираем свой локальный компьютер. «Локальный порт» — вводим номер порта, с которым работает ваш локальный сайт. Его можно узнать в настройках Open Server. Смотрите выше скрин настроек Open Server, вкладки «Алиасы», ниже указаны настройки портов. Порт по умолчанию «80» можно переопределить, например. — 8080. Это нужно, если в вашей локальной сети уже кто-то занял 80-й порт. Тогда соответственно в поле «Локальный порт» вы указываете — 8080. После всего жмем на кнопочку «Add/Delete» и у нас в списке появляется новая запись.

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

Что делать, если у вас нет выделенного IP-адреса?

Вариант с выделенным IP-адресом может подойти не всем. Не каждый захочет переплачивать провайдеру за выделенный IP и я их понимаю. Как раз для таких случаев предусмотрен вариант с динамическим IP-адресом — технология DDNS (Dynamic Domain Name System). Суть ее состоит в том, что клиенты могут подключится к роутеру даже с динамическим внешним IP-адресом через зарегистрированное доменное имя. В большинстве современных роутерах служба DDNS уже встроена. В качестве DNS-сервера выступают сервисы, которые предлагают услуги DDNS. Один из таких сервисов — noip.com. Вообще, таких сервисов может быть много, по крайней мере я знаю уже несколько. Итак, давайте все по порядку.

Регистрируемся на сайте noip.com. При регистрации можно отметить чек-бокс «Create my hostname later», т.е. создать имя хоста позже. Обратите внимание, на странице регистрации указано, что доступно бесплатным пользователям. Нас интересует именно «Hostnames», т.е. количество создаваемых хостов. Для бесплатного аккаунта это количество равно — 3. Думаю этой цифры будет более, чем достаточно.

После регистрации обязательно активируйте свой аккаунт, переходом по ссылке в письме. После авторизации мы попадаем в свой личный кабинет, выбираем в меню «Dynamic DNS (Free)» -> «Hostnames» и создаем имя хоста, кликнув по кнопочке «Add Hostname». В поле «hostname» вводим любое имя латинскими буквами, например, my-site. Имейте ввиду, что выбранное вами имя может быть занято на определенном домене (поле Domain). Можете ввести другое имя или выбрать домен, на котором это имя будет свободно. В поле «IPv4 Address» подставлен ваш внешний IP-адрес, система определила его автоматически. Здесь ничего не трогаем. Если хотите убедиться, что это именно ваш IP, то можете сравнить его на сайте 2ip.ru. Добавляем хост — «Add Hostname».

Все, хост у нас создан. Теперь копируем адрес хоста в буфер обмена и идем в панель управления роутера: «Интернет» -> «DDNS» и вводим свои данные, как на скрине ниже. Единственное прокомментирую то, что вам надо будет ввести свой логин и пароль, который вы указывали при регистрации на сайте no-ip.com.

Жмем «Применить» и ждем пока перезагрузится роутер. Последнее, что нам необходимо будет сделать это указать наш хост в Open Server. Для этого идем в настройки, вкладка «Алиасы» и добавляем в список новый хост в ключе Исходный домен -> Конечный домен.

Все, вбиваем в адресной строке браузера наш хост, в моем случае это — my-site.ddns.net и ура наш локальный сайт открывается. Проверять лучше на телефоне или на другом устройстве, которое не подключено к вашей локальной сети, т.к. данный хост может открыться и по локалке. Можно в телефоне отключить Wi-Fi и через мобильный интернет проверить. Вот, что у меня получилось.

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

zaurmag.ru

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

Привет, друзья.

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

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

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

Нужен ли локальный сервер

Для новичков начну с определения понятия «локальный сервер» — это такой сервер (хостинг), который находится на вашем компьютере (не в интернете) и позволяет создавать, настраивать на нем сайты.

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

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

В пример покажу меню из курса Сергея Патина «Joomla 3 — профессиональный сайт за один день». Посмотрите в какой последовательности идет создание сайта.

Как видите, с самого начала сайт устанавливается локально, настраивается, а под конец переносится полностью готовый ресурс на хостинг.

Размещать сайт в интернете, а потом заниматься его настройкой, когда нужно уже продвигать его, неразумно.

А если у вас уже есть сайт? Нужен ли вам локальный сервер?

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

Итак, у вас уже есть сайт и на нем уже имеются какие-то посетители. Пусть и не большое количество, но они есть. Поставьте себя на их место.

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

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

Поэтому, нужно все такие дела производить на своем локальном компьютере.

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

Кстати, также о важности локального сервера при создании блога я говорю в своей интеллект-карте «План создания качественного блога от Константина Хмелева», которую вы можете получить, оставив свой 1й комментарий.

Переходим к процессу самой установки.

к содержанию ↑

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

Локальный сервер — это программа. Поэтому, необходимо ее скачать. Мы будем использовать для этого веб-сервер Denwer.

Переходим на официальный сайт программы и жмем на большую кнопку.

После нажатия предлагается выбрать версию программы. Выбираем версию старый PHP 5.2 и жмем на кнопку Скачать.

В следующем окне нам нужно ввести данные, куда будет отправлена ссылка на скачивание Denwer. Вводим свои реальные данные и жмем на кнопку «Получить ссылку на скачивание».

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

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

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

Чтобы начать установку локального сервера, запускаем установщик.

Нас спрашивает, хотим ли мы установить базовый пакет? Соглашаемся.

Начнется разархивация данных, которая пройдет очень быстро.

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

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

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

После закрытия всех интернет-браузеров продолжится установка. Необходимо просто следовать подсказкам, которые дает командная строка.

Для продолжения установки жмем Enter.

Далее необходимо выбрать расположение установки локального сервера. По умолчанию он устанавливается по пути «C:\WebServers». Можете данный путь не менять.

Я же установлю в другое место. В моем случае это диск E папка host.

Далее нас спросит, действительно ли мы хотим установить Denwer в данную директору. Мы соглашаемся. Для этого введем в командной строке букву Y, что означает YES (Да) и нажмем Enter.

На следующем шаге снова жмем Enter.

На следующем этапе необходимо выбрать букву виртуального диска. По умолчанию, программа предлагает выбрать диск Z, так как буква эта последняя в английском алфавите и вряд ли какой-нибудь диск занят ею.

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

После выбора и ввода буквы жмем Enter для продолжения установки локального сервера.

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

После завершении копирования необходимо выбрать вариант запуска Denwer.

Существует 2 режима запуска, но сама программа рекомендует выбрать вариант 1. Мы так и делаем. Вводим цифрц 1 в командную строку и жмем Enter.

Далее нужно выбрать, будут ли созданы ярлыки на рабочем столе для управления Denwer, а именно:

запуска;
остановки;
перезагрузки.

Нам эти ярлыки нужны. Поэтому, водим букву Y и жмем Enter.

Это был последний этап установки локального сервера, после которого автоматически откроется браузер с надписью «Денвер успешно установлен», а также будет написано, что Denwer работает с теми же портами, что и Skype.

Поэтому, если у вас установлен skype, то сделайте то, что будет написано в окне браузера.

Также будут созданы ярлыки на рабочем столе, которые мы так хотели.

Start Denwer — запуск денвера;
Stop Denwer — остановка;
Restart Denwer — перезагрузка.

Все. Наш локальный сервер установлен. Теперь осталось его немного проверить. Запустить и посмотреть, действительно ли наш виртуальный диск, который будет выступать в роли локального сервера, запустится.

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

Так как я устанавливал на диск E в папку host, то сейчас на моем диске должна быть такая папка.

Так оно и есть. А внутри папки должны быть сами файлы денвера. Заходим внутрь папки, где должны увидеть следующую картину.

Файлы есть. Значит все было удачно скопировано во время установки.

Теперь проверим, запускается ли сам Denwer. Воспользуемся ярлыком для запуска.

После запуска ярлыка быстро промелькнут 2 командные строки. Когда они исчезнут, на панели задач появятся 2 ярлыка.

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

Как видите, имеется диск «E», в который я производил установку, а также диск «Z», который появился после запуска денвера. Названия у них одинаковые. Оба диска имеют название «Локальный диск». Только буквы разные.

Если перейдем в виртуальный диск (Z), то должны увидеть те же файлы и папки денвера, который мы смотрели ранее.

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

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

Кстати про видео-урок. Если кому-то, что-то непонятно по текстовой версии, то вот даю видео-урок, который специально записал для вас.

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

Всего доброго.

С уважением, Константин Хмелев.

kostyakhmelev.ru

Как запустить сайт WordPress на локальном компьютере с помощью XAMPP : Lavnik.net

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

Какие программы понадобятся?

В первую очередь для работы сайта на локальном компьютере потребуется программное обеспечение веб-сервера, а так же система управления базой данных. Самым простым способом является установка LAMP. Это набор готовых программ для запуска веб сайта, которые позволяют быстро развернуть сайт на любой операционной системе.

Изначально набор программ LAMP были разработаны для Linux. После появились MAMP для macOS, WAMP для Windows. Есть еще множество различных вариантов в зависимости от сборки. Самые популярные пакеты: Denwer и XAMPP.

Запуск сайта с помощью XAMPP на macOS Sierra

Для примера буду использовать бесплатную XAMPP. От установки и настройки на Windows Это кроссплатформенная сборка веб-сервера (развитие LAMP) которая содержит в себе Apache, MySQL, интерпретатор скриптов PHP, язык программирования Perl и другие дополнительные библиотеки для запуска полноценного веб-сервера прямо «из коробки».

Установка XAMPP

Скачиваем XAMPP с официального сайта «apachefriends.org».

После установки на главном экране выбираем «Go To Application» или введите адрес в браузере «http://localhost/dashboard/».

Поскольку сайт у нас на WordPress, тогда нужно файлы дистрибутива. Самые популярные CMS можно скачать тут же. Внизу ссылка на сервис Bitnami, который сам скачает и установить последнюю версию. При выборе папки нужно выбрать каталог XAMPP.

После этого заходим в «phpMyAdmin» и создаем новую базу данных. Затем импортируем в нее готовую базу данных, если у вас она есть. В противном случае этот пункт можно пропустить.

При импорте может возникнуть ошибка «#2006». Тут написал как быстро исправить ошибку #2006 — MySQL server has gone away.

В базе данных по умолчанию будет пользователь «root». Для удобства можно добавить пользователя «admin». Потом в папке с установленной wordpress находим файл «wp-config.php». И изменяем в нем параметры доступа к базе данных: название базы данных, пользователя. Поле с паролем оставляем пустым.

Следующее что нужно сделать задать новый пароль для панели администратора WordPress. По какой то причине старый пароль не подходит, а через изменение поля пароля в таблице «wp_users» не помогает. Поэтому выбираем закладку SQL и вводим следующий запрос:

UPDATE wp_users SET user_pass = MD5( 'НОВЫЙ ПАРОЛЬ' ) WHERE user_login = 'ВАШ ЛОГИН';

Все готово можно входить в админку «http://localhost/wordpress/wp-admin»

Таким образом мы быстро установили веб-сервер к себе на локальный компьютер. Можно начать работу по отладке сайта или темы. Использовать этот способ как основной для публикации сайтов не стоит, лучше воспользоваться услугами хостинг провайдеров, например reg.ru.

lavnik.net

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

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

Что такое локальный сервер?

Локальный сервер – программное обеспечение, позволяющее сделать отладку сайта на локальном (домашнем) компьютере, без выхода в интернет. Локальный сервер полностью имитируют работу хостинга и имеет аналогичный функционал.

Те, кто занимался сайтостроением с использованием лишь html и css знают, что необходимости в локальном сервере нет, так как браузер прекрасно обрабатывает и понимает язык гипертекстовой разметки и таблицы каскадных стилей. Но, стоит добавить какой-нибудь PHP скрипт и Вас тут же ждет конфуз – браузер не выдаст результат работы PHP. А происходит это потому, что браузеры не понимают PHP. И чтобы пользователь увидел страницу сайта в том виде, в котором эта страница должна быть, необходимо, чтобы сервер обработал и преобразовал PHP код в html.

Все CMS а-ля WordPress и Joomla содержат в себе PHP скрипты. Соответственно, чтобы сайты, созданные с помощью систем управления содержимым, могли работать на домашнем компьютере, необходим локальный сервер.

Мой сайт создан с помощью WordPress, постоянно приходится тестировать какие-то плагины, расширения, копаться в PHP коде. Вполне логично, что рано или поздно, такие действия могут привести к утрате работоспособности сайта, из-за допущенной ошибки. Само собой большинство хостингов поддерживает восстановление (бек ап) сайта и базы данных. Да и грамотные веб мастера держат, на всякий случай, запасную на своем компьютере. Я вообще параноик, кроме хостинга и моего компьютера, еще и на флешку записал. Надо будет еще куда-нибудь на облачный сервис закинуть =).

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

Собственно говоря, с перечисленными задачами и проблемами (и не только) поможет справиться локальный сервер.

Как создать локальный сервер?

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

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

Один из самых популярных и стабильных локальных серверов – Денвер (Denwer). Название расшифровывается как: джентльменский набор веб разработчика – Д. н. в. р. Его установку мы то и рассмотрим.

Базовый пакет содержит:

Инсталлятор.
Сервер Apache.
PHP 5.
MySQL5, поддерживающая транзакцию.
phpMyAdmin — система управления MySQL, позволяющая работать с базами данных через браузер.
Эмулятор sendmail и SMTP-сервера – имитация функции отправки почты. Все отправленные письма будут расположены в директории Z:\tmp\!sendmail в формате .eml, а не отправляться на указанную почту.

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

Ну и, конечно же, самый главный плюс – Denwer абсолютно бесплатен.

Скачать Денвер последней версии (на данный момент 3) можно тут: http://www.denwer.ru/

Так же его можно скачать проще — по ссылке Denwer3 (это избавит от необходимости регистрироваться).

Установка Denwer

1. Запускаем скачанный файл и соглашаемся с установкой базового пакета.

2. Затем, откроется окно браузера, которое необходимо закрыть для продолжения или отмены установки.

3. Для продолжения установки нажимаем Enter.

4. Затем, необходимо указать директорию, в которой будут расположены файлы. По умолчанию: C:\WebServers. Смело жмем Enter и продолжаем.

5. Следуя инструкции, жмем Enter.

6. Далее, инсталлятор предложит выбрать букву виртуального диска. По умолчанию предлагается буква Z. Если на компьютере нет диска с таким именем, то можно смело продолжать установку, нажав Enter, если же есть – то выбираем другую.

Виртуальный диск создавать при включении компьютера.
Создавать виртуальный диск только при явном вызове, то есть – при клике ярлыка старта на рабочем столе (я выбрал этот вариант).

Вот собственно и все, на этом установка Денвера окончена.

Теперь можно протестировать работу локального сервера. Если все сделано верно, то на рабочем столе появятся 3 ярлыка: Start Denwer, Stop Denwer, Restart Denwer.

Нажимаем Start Denwer для запуска. Если зайти в мой компьютер, то можно увидеть, что появился выбранный локальный диск. А в трее (возле часов) появятся 2 значке в виде шляпы и пера.

Откройте окно браузера и в адресную строку введите следующее: http://localhost/

Откроется окно с сообщением: «Ура, заработало!», символизирующее, что все сделано правильно и можно смело приступать к роботе с локальным сервером.

Открывшаяся страничка содержит много полезного:

Можно найти необходимую документацию по PHP, MySQL, Apache, Perl, PostgreSQL, воспользовавшись соответствующим поиском.
Так как Денвер – бесплатный софт, то для поддержания проекта, создатели принимают от благодарных пользователей пожертвования. Ну, и я заметил партнерскую ссылку на хостинг «Джино».
Можно проверить работу компонентов, перейдя по следующим ссылкам:

subdomain.localhost/ssl.php — проверяем активен ли SSL.

subdomain.localhost/ — проверяем «не-Интернет» домены второго уровня, а также SSI

test1.ru/ — проверка доменов второго уровня.

subdomain.test1.ru/ — проверка поддоменов (субдоменов)

localhost/Tests/phpnotice/index.php — можно проверить перехват PHP Notice.

localhost/Tests/PHP5/index.php5 — информация по PHP 5.

localhost/Tools/phpMyAdmin — доступ к phpMyAdmin и MySQL.

custom-host:8648 — проверяем хост с другим IP-адресом и портом (127.0.0.2:8648)

localhost/Tests/sendmail/index.php — проверяем работу sendmail (отправка почты).

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

Сайт в Денвере отображается иероглифами

Проблема с иероглифами иногда случается, если используется кодировка utf-8. В Опере и Хроме, вместо моего текста выводились жуткие наскальные надписи. А Internet Explorer, как ни странно, все показывал как надо. Но как бы там ни было, проблему надо решать. И сделать это можно следующим способом:

Создать в корневой директории сайта (в папке www) файл .htaccess и прописать там следующее: AddDefaultCharset UTF-8

Если же файл уже есть, то просто добавляем туда эту строчку.

Как удалить Денвер?

Удалить через панель управления – удаление программ Денвер не получится, так как он не пишет файлы в директорию Windows и не оставляет записей в реестре, соответственно деинсталлятор не нужен. Поэтому, просто удаляем папку с файлами локального сервера (предварительно остановив работу Денвера с помощью ярлыка на рабочем столе): C:\WebServers, удаляем ярлыки с рабочего стола и из Автозагрузки.

Как сделать локальный сервер Denwer доступным в сети интернет.

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

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

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

Прежде всего, необходимо иметь статический ip адрес. Динамические айпишники будут меняться при перезагрузке машины (роутера).
В Windows есть встроенный антивирус — брандмауэр, который блокируют доступ с внешних компьютеров. Для того, чтобы сделать локальный сайт доступным, эту блокировку необходимо отключить в Пуск — брандмауэр Windows. Следует понимать, что это так же снизит защиту компьютера.
Ну, и последнее, что нужно сделать – создать на виртуальном диске Денвера такую иерархическую структуру из папок: /home/192.168.0.1/www

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

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

Оригинал инструкции: http://www.denwer.ru/faq/shared.html

В следующей статье рассмотрим установку WordPress на локальный сервер.

ВСЕХ С НАСТУПАЮЩИМ 2014 НОВЫМ ГОДОМ!!!

needsite.net

Запуск сайта на локальном компьютере — Записная книжка компьютерщика

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

18 апреля 2016 kna

Чтобы осуществить запуск сайта на локальном компьютере с операционной системой Windows Вам понадобится Denwer. Джентльменский набор Web-разработчика («Д.н.w.р», читается «Денвер») — проект Дмитрия Котерова, локальный сервер (Apache, PHP, MySQL, Perl и т.д.) и программная оболочка, используемые Web-разработчиками для разработки сайтов на «домашней» (локальной) Windows-машине без необходимости выхода в Интернет. Главная особенность Денвера — удобство при удаленной работе сразу над несколькими независимыми проектами и возможность размещения на Flash-накопителе.

Установка

Для начала нужно скачать Denwer с официального сайта или здесь.

Запускаем программу установки и отвечаем на несложные вопросы. Рекомендую не менять стандартные настройки если в этом нет необходимости, а на все вопросы отвечать положительно =). Да, антивирус может ругаться, успокойте его.

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

Запускаем Start Denwer на Рабочем столе, переходим по адресу http://localhost. Должно быть что-то типа этого:

Открываем в моём компьютере Z:\home, здесь будут находиться наши сайты. Можем проверить эти ссылки и соответствующие папки:

Установка cURL в Denwer

Для некоторых сайтов, например для анонимайзера Glype, необходимо наличие cURL, что по-умолчанию в Денвере отсутствует.

Для начала скачайте пакет расширений: «PHP5: дополнительные модули» с официального сайта или здесь.
Остановите Denwer, нажав на рабочем столе Stop Denwer
Устанавите скаченный пакет. По завершению установки нужно будет только подключить нужные модуле, отредактировав файл Z:\usr\local\php5\php.ini
В файле «Z:\usr\local\php5\php.ini» уберите комментарий из строчки: «;extension=php_curl.dll«, стерев кавычки в начале строки.
Запустите Denwer. И откройте http://localhost/Tests/PHP5/index.php5 если присутствует строка cURL support со значением enabled, значит всё прошло успешно.

Установка сайта на Denwer

Для примера установим бесплатный и очень хороший PHP анонимайзер Glype на локальный компьютер (правда ставить анонимайзер на свой же компьютер несколько глупо, ну да ладно =)).

Останавливаем Denwer
Создаём новую папку с именем домена нашего будущего сайта. Я создал папку Z:\home\myglp.ru.
В этой папке создаём папку с именем www и помещаем туда содержимое скаченного архива Glype
Запускаем Denwer, теперь при переходе в браузере на адрес myglp.ru вылезет страница первоначальной настройки Glype

(Просмотрено 1 071 раз, 1 раз за сегодня)

Вы можете оставить комментарий, или Трекбэк с вашего сайта.

knasys.ru

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

Некоторые web-мастер при разработке интернет-ресурса, не желают его запускать в процессе программирования. Проект можно открыть на своем ПК, используя специальное приложение и локальный сервер, и свободно его корректировать. Завершив разработку, достаточно лишь его перевезти на реальный сервер хостинг провайдера. Сегодня разберёмся, как адаптировать компьютер под работу через локальный сервер.

С какой целью создается такой сервер

Через данный тип сервера осуществляется выход на разрабатываемый проект через браузер. С совокупности программы и скрипты преобразуют языки программирования, базу данных и код-CSS, которая становится понятной web-обозревателям. Например, в HTML- языки программирования PHP и Perl. Такой подход позволяет создать схожую среду с реальным сервером.

Перед тем как ресурс станет публичным, над ним можно работать в имитирующей хостинг среде. На этапе программирования его могут видеть лишь разработчики. А поисковые системы и пользователи не будут сталкиваться в сети недоработанными и не до конца заполненными сайтами. Чтобы внедрить локальный сервер на компьютере программисты для этого прибегают к некоторым популярным программам, например, к таким как Desktop Server, Denwer, Open Server.

Настройки

Перед запуском локального сервера, следует в своем компьютере произвести ряд настроек. На многих компьютерах, порт 40 зачастую занят различными процессами, поэтому сначала нужно в Настройках, разделе Соединение, убрать галочку напротив пункта Использовать порты 80 и 443. Часто порт 80 занимает системный процесс IIS (Internet Information Services). Отключить данный процесс можно, во включении и отключении компонентов операционной системы, сняв галочку на опции Службы IIS. После изменения настроек необходимо сделать перезагрузку компьютера.

Так же, на работу порта 80 могут влиять сетевые экраны, поэтому необходимо отключить брандмауэр. Если по-прежнему на порт влияют и другие процессы, то следует скачать программу Windows TCP View, которая покажет какими процессами, занят порт 80. Через неё можно отключить любой процесс. Когда вы убедитесь в том, что локальный сервер освобожден, тогда можете приступать к установке локального сервера на ПК. В статье не будет рассматриваться, как создать сайт на локальном сервере, а лишь разберемся, как его запустить на таком сервере.

Самый широко используемый локальный сервер Winginx, который без проблем запускается на персональном компьютере. Зайдя в панель управления приложения, нужно образовать новый проект и ввести адрес разрабатываемого ресурса. Затем нужно сделать базу данных, используя раздел Менеджеры баз данных, после разархивировать CMS в каталог public_html. После введения в браузер адресной строки wp-admin/install.php, необходимо установить движок на сервер. Вот и все, теперь через панель управления локального сервера вы можете дорабатывать сайт.

xn--80aaapxgwipfbfj.xn--p1ai