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

Содержание

Как настроить локальный сервер для тестирования? — Изучение веб-разработки

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

На протяжении всего обучения, вы будете открывать примеры непосредственно в браузере — двойным кликом по HTML файлу, перетаскиванием файла в окно браузера, или через меню File > Open… и указывая необходимый HTML файл. Существует множество способов как это сделать.

Если веб-адрес начинается с file:// в котором далее прописан путь к файлу на вашем локальном жёстком диске, значит используется локальный файл. В противоположность этому, если вы откроете на просмотр один из наших примеров, расположенных на GitHub (или пример расположенный на любом другом удалённом сервере), веб-адрес будет начинаться с http:// или https://, что означает что файл был получен через HTTP.

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

Это может произойти по нескольким причинам, самые распространённые из которых:

  • Они содержат асинхронные запросы. Некоторые браузеры (включая Chrome) не будут запускать асинхронные запросы (см. Fetching data from the server), если вы просто запускаете пример из локального файла. Это связано с ограничениями безопасности (для получения дополнительной информации о безопасности в Интернете, ознакомьтесь с Website security).
  • Они имеют серверный язык. Серверные языки (например, PHP или Python) требуют специального сервера для интерпретации кода и предоставления результатов.

Чтобы обойти проблему асинхронных запросов, нам нужно протестировать такие примеры, запустив их через локальный веб-сервер. Один из самых простых способов сделать это для наших целей — использовать модуль SimpleHTTPServer Python.

Для этого нужно:

  1. Установить Python. Если вы пользуетесь Linux или Mac OS X, всё уже готово в вашей системе.

    Если вы пользователь Windows, вы можете скачать установочный файл с домашней страницы Python:

    • Зайдите на python.org
    • В секции загрузок, выберите линк для Python «3.xxx».
    • Внизу страницы выберите Windows x86 executable installer и скачайте его.
    • После загрузки файла запустите его.
    • На первой странице инсталлятора выберите чекбокс «Add Python 3.xxx to PATH».
    • Нажмите Install, затем нажмите Close когда установка закончится.
  2. Откройте командную строку (Windows)/ (OS X/Linux). Для проверки установки Python введите следующую команду:

  3. Система вернёт вам номер версии установленной программы. В случае успешного выполнения команды python -V  нужно перейти в директорию с вашим проектом, используя команду 

    cd:

  4. Введите команду для запуска сервера в том каталоге:

    
    python -m http.server
    
    python -m SimpleHTTPServer
  5. По умолчанию это приведёт к запуску содержимого каталога на локальном веб-сервере на порту 8000. Вы можете перейти на этот сервер, перейдя на URL-адрес localhost: 8000 в своём веб-браузере. Здесь вы увидите содержимое указанного каталога — щёлкните файл HTML, который вы хотите запустить.

Примечание. Если у вас уже есть что-то на порту 8000, вы можете выбрать другой порт, запустив команду сервера, за которой следует альтернативный номер порта, например: python -m http.server 7800 (Python 3.x) или python -m SimpleHTTPServer 7800 (Python 2.x). Затем вы можете получить доступ к своему контенту на localhost: 7800.

Модуль Python SimpleHTTPServer (python 2.0) http.server (python 3.0)

полезен, но он не знает, как запускать код, написанный на таких языках, как Python, PHP или JavaScript. Чтобы справиться с этим, вам понадобится нечто большее — именно то, что вам нужно, зависит от языка сервера, который вы пытаетесь запустить. Вот несколько примеров:

  • Для запуска кода на стороне сервера Python вам необходимо использовать веб-инфраструктуру Python. Вы можете узнать, как использовать структуру Django, прочитав Django Web Framework (Python). Flask также является хорошей (чуть менее тяжёлой) альтернативой Django. Чтобы запустить это, ознакомьтесь с install Python/PIP, а затем установите Flask с помощью pip3 install flask. На этом этапе вы сможете запустить примеры Python Flask, используя, например, python3 python-example.py, затем перейдя на localhost: 5000 в свой браузер.
  • Чтобы запустить серверный код Node.js (JavaScript), вам нужно использовать Node.js или фреймворк, построенный поверх него. Express — хороший выбор — см. Express Web Framework (Node.js/JavaScript).
  • Чтобы запустить PHP-серверный код, вам понадобится настройка сервера, которая может интерпретировать PHP. Хорошими вариантами для локального тестирования PHP являются MAMP (Mac и Windows), AMPPS (Mac, Windows, Linux) и LAMP (Linux, Apache, MySQL и PHP / Python / Perl). Это полные пакеты, которые создают локальные настройки, позволяющие запускать базы данных Apache, PHP и MySQL.

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

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

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

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

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

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

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

Установка XAMPP

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

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

Скачиваем CMS систему

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

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

После этого заходим в «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. Мой сайт работает с первого дня на этом хостинге и проблем никогда не было.

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

Как перенести сайт на локальный сервер, общий принцип

Вступление

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

Зачем это нужно?

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

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

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

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

Такой подход позволяет избежать конфликтных ситуаций и не потерять сайт при обновлении.

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

Универсальное решение

Принцип переноса сайта на локальный сервер одинаков для всех CMS, включая Joomla! CMS, WordPress.org, Opencart, Drupal и т.д. Назовём этот решение универсальным.

Повторюсь, для этого способа вы должны иметь доступ к базе данных своего сайта и его файловой системе. Варианты конструкторов сайтов (WIX, Ucoz и т.д.) с ограниченными правами пользователей не подходят.

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

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

О локальных серверах

Не будем идти в фарватере устаревших тенденций, и забудем для простоты действий про локальные сервера, типа Денвер. Используем для создания локального сервера удобные платформы (программы) Openserver, WampServer, Xampp, AMPPS и т.п. (читать Что такое локальный сайт). Программа сервера должна быть скачана и установлена на локальный компьютер. (читать Что такое Wamp)

Копия сайта

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

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

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

Имея эти две копии вы спокойно без «танцев с бубнами» можете перенести свой сайт на любую локальную платформу. Для этого:

  • Создаёте папку для своего сайта;
  • Копируете в рамках компьютера файлы и папки копии сайта в созданную папку сайта на локальной платформе;
  • Создаёте базу данных сайта, с именем. Пароль не нужен, та как вы работаете в границах своего сайта;
  • После создания базы данных, используя phpmyadmin, который есть на всех перечисленных выше локальных серверах, переносите (импортируете) базу данных сайта.
  • Всё, перенос сайта на локальный сервер завершён.

Далее вы работаете со своим сайтом, на своём компьютере. Доступ к этому сайту есть только у вас.

Вывод

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

©joomla3-x.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 и через мобильный интернет проверить. Вот, что у меня получилось.

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

Как создать сайт на компьютере с помощью платформы OpenServer

Обучение созданию сайтов — дело кропотливое, трудоёмкое, требующее многих затрат. Даже при условии использования юзабельных CMS. И по-другому, чем методом проб и ошибок, освоить это дело нельзя никак. Но пока будем пробовать и ошибаться, не обязательно оплачивать услуги хостинга и выбрасывать в Интернет-пространство «недозревший» материал. Созревать в своей теме, присматривать формат проекта, подыскивать доменное имя, определяться со стратегией продвижения и прочими тонкостями процесса можно размеренными темпами, попутно изучая функционал выбранной CMS.

Для этого необходимо создать сайт на своём компьютере – на локальном сервере. Как таковой организовать в среде Windows и внедрить в него популярную CMS для блоггинга WordPress – всё это рассмотрим ниже в деталях. А в качестве серверной платформы выберем OpenServer.

1. OpenServer: о платформе

Open Server – это программная платформа для веб-специалистов, обеспечивающая создание и функционирование в среде Windows полноценного сервера. Это сборка всех необходимых компонентов, с помощью которой можно создавать на своём компьютере сайты любой сложности, посредством любой выбранной CMS. Созданные таким образом сайты в дальнейшем (по мере готовности) переносятся на оплачиваемые хостинги.

Ключевые преимущества OpenServer:

• Бесплатность;
• Портативность, полная независимость от среды Windows текущего компьютера и возможность работы с сервером на внешних накопителях с любого другого устройства;
• Функциональность, в частности, поддержка двух HTTP-модулей — Apache и Nginx;
• Ряд утилит для удобной работы с компонентами сборки (MySQL, PHP);
• Актуальные версии входящих в состав компонентов;
• Удобное управление сервером.

2. Скачивание и установка OpenServer

Скачать OpenServer можно с сайта разработчиков:

https://ospanel.io/download/

На выбор нам предлагается 3 сборки дистрибутива: базовая, премиум и максимальная. Если речь идёт только о создании и тестировании сайта на WordPress, можно обойтись базовой сборкой, в ней присутствуют нужные компоненты — Apache, PHP и MySQL. На перспективу изучения новых возможностей, нового ПО лучше сразу загружать одну из более функциональных сборок.

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

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

После распаковки проходим по указанному пути и запускаем OpenServer с помощью EXE-файла для соответствующей разрядности Windows. В небольшом окошке появится выбор языка платформы.

Далее нам будет предложено установить среду Microsoft Visual C++. В официальных дистрибутивах актуальных версий Windows она, по идее, должна быть установлена. Но в любом случае можно согласиться на установку, хуже не будет.

3. Запуск сервера

После установки Microsoft Visual C++ компьютер перезагрузится. Запускаем OpenServer по новой. Доступ к функционалу платформы станет доступен в меню, появляющемся на её значке в системном трее. Запуск сервера осуществляется опцией с зелёным флажком «Запустить».

4. Возможные проблемы при запуске сервера

Увы, успешный запуск сервера будем наблюдать не в каждом случае. Дело в том, что по умолчанию в OpenServer настроено использование актуальных версий компонентов, в частности, HTTP-модуля Apache 2.4 и PHP 5.5. Последние несовместимы с версиями Windows, начиная с Vista и старше. В числе типичных проблем запуска сервера – занятость портов 80 и 443.

Об этих и прочих причинах невозможности запуска OpenServer сообщит уведомлением в системном трее. В таком случае можем обратиться к разделу настроек платформы и кое-что подправить. Во вкладке «Модули» можно поэкспериментировать с другими версиями Apache, PHP и MySQL.

Если сервер не запускается из-за занятого порта HTTP 80, необходимо закрыть Скайп. Но можно поступить и по-иному — во вкладке настроек «Сервер» назначить платформе другой порт. То же самое необходимо сделать, если какая-то из программ займёт порт HTTPS 443.

Ещё одна сложность в работе любого локального сервера – блокировка брандмауэром и антивирусом. При появлении на экране сообщения брандмауэра необходимо разрешить работу OpenServer. Разобраться с антивирусом же можно, внеся папку распаковки платформы и её рабочий процесс в исключения. Например, в Windows 10 Creators Update со штатным Защитником это делается следующим образом.

5. Установка WordPress

Итак, сервер запущен. Его работоспособность, кстати, можно проверить, введя в адресную строку браузера:

localhost

Если всё нормально, увидим тестовую приветственную надпись «Open Server Panel работает ;-)».

Далее в папке установки OpenServer «OSPanel» открываем подпапку «domains». Здесь создаём новую папку и называем её. При наличии доменного имени вводим его в качестве названия папки. Если процесс создания сайта в зачаточном состоянии, можно выбрать какое-нибудь техническое название типа «site1». Кстати, в меню OpenServer реализован быстрый доступ к папке с сайтами сервера.

Далее загружаем дистрибутив WordPress на официальном сайте CMS:

ru.wordpress.org

Распаковывать архив с дистрибутивом не нужно. Можно просто скопировать его содержимое. Windows в числе штатного арсенала содержит ZIP-архиватор, так что архив с дистрибутивом CMS можем открыть даже в проводнике. Копировать нужно не папку «wordpress», а только то, что находится внутри неё.

Скопированное вставляем внутрь созданной выше папки сайта.

Примечание: внутри папки сайта не должно быть промежуточной папки «wordpress», иначе её название будет болтаться в адресах страниц сайта.

6. База данных MySQL

Следующий этап – создание базы данных MySQL сайта. В меню OpenServer кликаем «Дополнительно», выбираем «PhpMyAdmin». В окне браузера по умолчанию откроется интерфейс веб-приложения. В форме авторизации необходимо ввести лишь имя пользователя:

root

Поле пароля оставляем пустым. Жмём «Вперёд».

После авторизации переключаемся на вкладку «Учётные записи пользователей» и добавляем новую запись.

В открывшейся форме:

• Заполняем графу имени пользователя (идентично названию папки сайта);
• Заполняем графы пароля и его подтверждения (ниже можно воспользоваться кнопкой «Генерировать» для генерирования безопасного пароля);
• Отмечаем галочки предлагаемых опций базы данных;
• Отмечаем галочкой «Отметить все» глобальные привилегии.

Имя пользователя и пароль сохраняем где-нибудь в TXT-файле или менеджере паролей. Жмём «Вперёд».

База MySQL создана. Её имя идентично имени учётной записи. Можем закрывать вкладку браузера с веб-приложением «PhpMyAdmin».

7. Редактирование файла конфигурации WordPress

Теперь нужно отредактировать файл конфигурации WordPress. Отправляемся в папку сайта и ищем там файл:

wp-config-sample.php

Переименовываем его и убираем из названия «-sample». По итогу должен получиться файл:

wp-config.php

Открываем этот файл с помощью любой программы по типу блокнота, например, Notepad++. Из трёх граф, как показано на скриншоте ниже, удаляем дефолтные значения. А вместо них подставляем свои значения – данные созданной в предыдущем шаге базы MySQL:

‘DB_NAME’ – имя базы;
‘DB_USER’ – имя учётной записи (идентично предыдущему значению);
‘DB_PASSWORD’ – пароль.

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

Сохраняем и закрываем файл.

8. Запуск админ-панели WordPress

В меню OpenServer перезапускаем сервер. Далее кликаем «Мои сайты» и выбираем только что созданный сайт.

Он откроется в окне браузера по умолчанию на этапе первичной настройки сайта. Здесь указываем его название, придумываем имя пользователя и пароль админ-панели WordPress. Отмечаем галочкой отказ от индексирования сайта поисковиками. Жмём «Установить WordPress».

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

Лучшие локальные серверы — База Знаний Timeweb Community

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

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

OpenServer

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

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

Распространяется OpenServer бесплатно, а разработчики предлагают лишь добровольно поддержать проект. Перейти к скачиванию этой программы для Windows можно на официальном сайте.

Denwer

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

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

WampServer

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

Однако есть у WampServer и ряд недостатков, которые в большинстве своем связаны с настройкой. Для этого придется редактировать локальные файлы, а также заморочиться с правильным конфигурированием MySQL. Распространяется этот инструмент бесплатно.

XAMPP

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

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

AMPPS

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

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

The Uniform Server

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

К недостаткам The Uniform Server относится то, что с самой программой придется взаимодействовать практически всегда через консоль, а в графическом интерфейсе выполняется всего несколько действий. 

Если вы решили попробовать это решение, загрузите его с официального сайта и начните бесплатное использование.

Devilbox

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

В Devilbox все уже настроено, поэтому сразу после установки можно перейти к полноценной разработке и тестированию. Однако недостатком можно считать принцип установки, ведь он немного сложнее, нежели у конкурентов. Ознакомиться с ним и скачать все необходимые файлы можно на http://devilbox.org/.

Winginx

Если вы давно искали веб-сервер, который функционировал бы в среде NGINX, но не могли найти подходящий вариант, обратите внимание на Winginx. Это комплексный инструмент, поддерживающий разные языки программирования и несколько систем управления базами данных.

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

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

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

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

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

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

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

Существует несколько программ, позволяющих установить локальный сервер. Однако по большей части процесс установки одинаковый для всех. Поэтому в качестве примера рассмотрим «Денвер» ­– локальный сервер, который очень популярен в России, в силу того, что его создатель русский и потому что он очень просто в обращении.

Подобные сервера содержат все необходимые файлы для работы – Apache, PHP, MySQL, Perl и т. д., что значит, нужно будет только загрузить непосредственно сам пакет.

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

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

Шаг 1. Загрузка локального сервера

Для того чтобы создать локальный сервер, прежде всего, нужно скачать набор необходимых файлов. Для этого, нужно перейти на сайт самого «Денвера» (//www.denwer.ru/). Выглядит он следующим образом:

Затем нажимаем на кнопку «СКАЧАТЬ». Нам предложат выбрать версию одну из двух версий PHP, выбираем самую новую. Затем, откроется новое окно, где нужно будет указать свои контактные данные – имя, фамилию и почту. Далее, на email придёт ссылка на скачивание «Денвера».

Ждём несколько минут и скачиваем файлы программы к себе на компьютер, по ссылке которую получили на указанный ранее email адрес.

Шаг 2. Как установить локальный сервер

После завершения загрузки, запускаем инсталлятор. Нажимаем да и начнётся распаковка. Дальше просто следуем инструкциям.

Однако, при нажатии клавиши Enter можно столкнуться или не столкнуться с ошибкой «Отказано в доступе». Но, несмотря на это все равно жмём Enter и продолжаем установку.

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

В процессе самой установки инсталлятор предложит выбрать букву Z, как место установки. Если она не занята, то можно выбрать её, в ином случае выбираем другую букву, например, D. Далее на рабочем столе создаётся три ярлыка.

Выглядят они вот так:

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

Например, это блокировка вирусом NOD32 в Windows XP. Другая же проблема наиболее распространена и связана с конфликтом в программе Skype. По умолчанию, обе программы занимают 80 порт, поэтому, если программа не будет работать, то нужно отключить использование порта в Skype. Для этого, заходим в инструменты > проблемы с соединением> убираем галочку с использования порта 80 и 443 > затем сохраним и проблема должна решиться.

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

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

Узнав о том, как создать сервер локальной сети, может возникнуть вполне логичный вопрос: «А что дальше?». Чтобы на него ответить нужно, понять, зачем, вообще, человеку нужен локальный сервер. Если он хочет просто попрактиковаться в создании сайтов и поднять уровень своей квалификации, то ему стоит заняться изучением языков гипертекстовой разметки и таблицы стилей.

Если же создание локального сервера ему было нужно, чтобы протестировать существующий сайт перед его непосредственной загрузкой в сеть, то тогда следует заняться в первую очередь его установкой на локальный сервер. Спросите: «Как это сделать?» Об этом чуть ниже.

Посадка сайта на локальный сервер

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

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

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

Достаточно было бы это сделать в одном. Однако на этапе начала разработки сайт является статическим, но это неважно, потому как там нужно создать только те страницы, который будут отличаться друг от друга. Обычно это главная, подраздел и страница со статьёй. В последующем можно добавить форму обратной связи, страницу регистрации и форум.

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

Заходим в диск, переходим в папку home и создаём новую папку и как название пишем адрес сайта. Далее, внутри нужно создать папку www. И уже непосредственно в ней создаём текстовый файл с расширение html (например, index.html). Чтобы проверить корректно ли он отображается, нажимаем на него правой кнопкой мыши и выбираем открыть с помощью блокнота (либо любого другого редактора – Sublime text, Notepad и т. д.). Внутри файла напишем стандартную программу «Hello world!». Выглядит это так:

Затем сохраняем и перезапускаем «Денвер», нажимая на ярлык Restart Denwer, чтобы все сделанные изменения вступили в силу. Однако, если мы сейчас попробуем сейчас перейти на наш сайт, который называется так же как и папка, созданная в диске «Денвер», то мы ничего не увидим. Потому как, локальный сервер конфликтует с файлом hosts. Находится он здесь C:WINDOWSsystem32driversetchosts.

Файл хостов позволяет идентифицировать определённые адреса сайтов с определённым ip-адресом. Например, нашей локальной машины – 127.0.0.1 www.localhost. Когда мы набираем любой сайт в браузерной строке, то первым делом проверяет этот сайт и переходит по адресу, находящемуся слева. Если переход на наш локальный сайт не работает, то это значит, что его адрес не прописан в файле hosts. Часто причиной этого является антивирус, который блокирует доступ.

Для решения этой проблемы нужно зайти в антивирус и выбрать раздел – параметры. Там нужно найти категорию «угрозы и исключения» > жмём кнопку «настройка» и выбираем нашу папку, которую мы создали в «Денвер». Далее, сохраняем все внесённые изменения и жмём ok.

Конечно, такая проблема может возникнуть не у всех. Обычно она возникает из-за особенностей какого-то конкретного антивируса. Теперь после перехода на локальный сайт, на экране должна появиться надпись: «Hello world!».

Если же мы захотим, чтобы наш сайт работал по адресу localhost, то нужно просто перейти в папку localhost на «Денвере», зайти в www и также создать файл html.

Часто у пользователей «Денвера» возникает проблема по поводу отправки писем. Дело в том, что «Денвер» реально не отправляет писем, он его только формирует и хранит в папке:

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

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

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

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

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

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

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

На этой ноте я завершаю эту статью, и пользуясь, случаем хочу всех поздравить с наступающим Новым 2017 годом! Пусть грядущий год будет лучше прежнего! Здоровья и удачи!

Бала ли вам статья полезной?

Да, спасибо31Нет, извините

Как разместить веб-сайт с вашего компьютера

Веб-хостинг — это услуга, которая позволяет компаниям и людям сделать свой веб-сайт доступным через World Wide Web. Веб-хостинг предоставляет инфраструктуру и услуги, необходимые веб-сайту для работы в сети.

Если вы планируете запустить веб-сайт, вам нужно будет инвестировать в собственное доменное имя и веб-хостинг. В зависимости от ваших потребностей в хостинге затраты могут варьироваться от 50 долларов (общий хостинг) до более 10 000 долларов в год (выделенный сервер).

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

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

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

Как разместить веб-сайт в Windows

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

Что такое сервер WAMP?

WAMP — это сокращенная форма Windows, Apache, MySQL и PHP. Таким образом, сервер WAMP одновременно устанавливает три разных приложения. Эти серверы считаются довольно удобными, поскольку они позволяют загружать и устанавливать все пакеты, необходимые для размещения любого веб-контента.Элементы WAMP можно объяснить следующим образом:

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

Apache– это основная программа, которая предоставляет услуги хостинга. Программа Apache очень эффективна при размещении файлов HTML, а также других статических веб-документов.

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

PHP– это, пожалуй, самый распространенный язык для создания динамического веб-контента. Некоторые из популярных веб-сайтов, работающих на PHP-коде, — это Facebook и WordPress.

Шаг 1. Установка программного обеспечения WAMP

Посетите веб-сайт WampServer и загрузите последнюю версию. Выберите 32 или 64 бит в зависимости от вашей операционной системы.Пакет поставляется с самыми последними версиями Apache, MySQL и PHP. Запустите файл .exe в загруженной вами программе установки WAMP. Вы получите простые подсказки для установки. Нажмите «Далее», сохранив значения по умолчанию, чтобы продолжить установку. Выберите браузер по вашему выбору или просто нажмите «открыть», и веб-сервер будет использовать браузер вашего ПК по умолчанию.

По мере выполнения этого процесса брандмауэр Windows может отклонять некоторые функции Apache. Поэтому не забудьте сделать исключение, когда вы получите всплывающее окно с предупреждением о безопасности.После завершения установки отметьте поле с надписью «Запустить WampServer 2 сейчас», прежде чем в конечном итоге нажать кнопку «Готово».

Шаг 2. Навигация по серверу WAMP

Если вы хотите изменить страницы, отображаемые веб-сервером, перейдите в каталог www, щелкнув значок WAMP на панели уведомлений. Каталог создается автоматически во время установки и находится на локальном диске C (c: \ wamp \ www). У вас также есть возможность создавать подкаталоги, называемые проектами в WampServer.Они пригодятся для хранения файлов HTML или PHP. Если вы установите, например, WordPress, его установочные файлы будут сохранены в каталогах. Вы можете обновить любые изменения в приложении, нажав кнопку обновления.

Шаг 3. Создайте страницу HTML или PHP

В этом разделе показано, как протестировать веб-сервер. Используйте программу веб-разработки, такую ​​как Блокнот, для разработки простой страницы PHP или HTML. Перейдите к «Сохранить как», дайте ему любое имя и добавьте расширение.php (например, «name.php»). Установите c: \\ wamp \\ www в качестве места назначения для сохраненного файла. Вернитесь в WebServer и нажмите «Обновить», чтобы обновить эти изменения. Ваши данные будут обновлены в каталоге www. Чтобы проверить это, перейдите по адресу http: //localhost/name.php через свой браузер. Вы попадете на новую веб-страницу, где увидите подробную информацию об установке PHP.

Шаг 4. Настройка MySQL

Вы можете начать настройку баз данных MySQL, открыв панель phpMyAdmin в меню.Здесь вы можете открыть новое окно браузера. Имя пользователя admin автоматически устанавливается на «root», после чего вам будет предложено ввести пароль. На данный момент вы можете оставить поле пароля пустым. Вы также можете настроить базы данных MySQL или создать новые в зависимости от ваших предпочтений. Если вы используете программное обеспечение CMS, такое как WordPress, они по умолчанию предоставляют вам базу данных.

Шаг 5. Настройка общедоступности сайта

На этом этапе ваш веб-сайт доступен только для компьютера, на котором вы установили приложение WebServer.Это может быть здорово, если вы хотите использовать веб-сервер для веб-разработки и тестирования. Однако в этом случае вы хотите, чтобы весь остальной мир видел содержимое вашего сайта. Чтобы сделать его общедоступным, нажмите значок WampServer и выберите опцию «Разместить в сети».

Обратите внимание, что файл настроек Apache запрограммирован так, чтобы запрещать доступ к соединениям извне, которые не являются локальным хостом. Таким образом, люди, нажимающие на ваш URL-адрес, получат сообщение «403 запрещено». Чтобы решить эту проблему, вам нужно изменить две строки кода в файле конфигурации Apache.Найдите файл httpd.conf в меню WampServer внутри папки Apache. Прокрутите вниз, пока не найдете код, показанный ниже:

 Заказ запрещен, разрешен
Запретить со всех 

Удалите его и замените на:

 Разрешить, Запретить
Разрешить со всех 

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

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

Как и в ОС Windows, для размещения веб-сайта на машине Linux необходимо установить Apache, MySQL и PHP. Вместо того, чтобы устанавливать их отдельно, LAMP WebServer предоставляет вам пакет, содержащий все три важных приложения веб-хостинга.

Шаг 1: установите программное обеспечение LAMP

AMP можно установить в любых версиях ОС Linux.У вас должна быть возможность настроить WebServer на ПК, независимо от того, предпочитаете ли вы только командную строку Ubuntu или стандартный рабочий стол Ubuntu. Для этого введите в терминал следующую простую строку команды:

 sudo apt установить apache2 mysql-server php libapache2-mod-php7.0 

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

Еще одна важная вещь, которую стоит отметить, заключается в том, что всякий раз, когда вы меняете конфигурацию Apache, вам необходимо перезапускать Apache, выполнив команду sudo /etc/init.d/apache2 restart. Однако есть исключение, когда вы выполняете процесс с использованием локальных файлов .htaccess.

Шаг 2. Тестирование работы PHP

LAMP предоставляет тест, который может проверить, работает ли PHP-сервер, а также проверить доступные модули. Для его выполнения вставьте тестовый файл PHP в корневой каталог WebServer / var / www / html /. В качестве примера создайте тестовую веб-страницу PHP с именем «name», затем введите следующий код в корневой каталог веб-сервера:

 sudo echo ""> /var/www/html/name.php 

После этого перейдите в свой браузер и введите http: // localhost / name.php, затем нажмите Enter. Когда он загрузится, он должен показать вам ваш тестовый файл PHP. Текущая версия PHP, конфигурация и доступные модули также будут отображаться в вашем окне. Вы можете добавить новые модули PHP позже через диспетчер пакетов Ubuntu, если столкнетесь с приложением, которое требует этого.

Графический менеджер пакетов содержит доступные модули. Вы также можете получить к нему доступ через командную строку, введя следующий код: apt search php | модуль grep. Я считаю последнее намного проще.

Шаг 3. Протестируйте MySQL и его адрес привязки

На этом этапе вам необходимо подтвердить, была ли установка MySQL успешной. Это потому, что системы CMS, такие как WordPress, не будут работать без него. Введите следующую команду для выполнения теста: service MySQL status. Он должен запуститься после нажатия клавиши Enter, но если этого не произошло, перезапустите сервер MySQL с помощью следующего кода: «sudo service mysql restart».

Также проверьте, похож ли адрес привязки MySQL на адрес вашей системы.Сделайте это, набрав эту простую команду: cat / etc / hosts | grep localhost. На вашем экране отобразится несколько результатов, среди которых будет ваш IP-адрес. Откройте файл конфигурации MySQL и проверьте все, что там указано. Прокрутите, пока не увидите адрес привязки вашего ПК. Цифры, отображаемые в этой строке, должны совпадать с теми, которые вы видели ранее. Если они не совпадают, измените его, чтобы завершить тест.

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

Большинство CMS обычно создают базу данных по умолчанию. Однако вам может потребоваться сделать что-то еще, например, файлы резервного копирования или перенастроить таблицы. Для этого вам понадобится инструмент управления базой данных. PHPMyAdmin — один из самых удобных инструментов, используемых экспертами для этой работы. Он предлагает интерфейс для администрирования MySQL, который обеспечивает мягкую посадку для тех, кто плохо знаком с MySQL и его командами.В следующем разделе показано, как установить PHPMyAdmin.

Шаг 4. Процесс установки PHPMyAdmin

Введите команду «sudo apt-get install phpmyadmin», чтобы установить его. Если установка не удалась, вам придется перенастроить другие репозитории перед повторением процесса. Например, когда вы видите синий экран с вопросом, какой веб-сервер вы хотите настроить, нажмите пробел (красный курсор должен быть рядом с «apache2»). Когда появится звездочка, нажмите кнопку ввода.

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

Чтобы войти в phpMyAdmin, введите в браузере следующий адрес: http: // localhost / phpmyadmin /. Введите имя пользователя и пароль в соответствующие поля и нажмите кнопку «Перейти». Важно отметить, что пароли, которые вы устанавливаете для всего этого процесса, должны быть мощными, потому что программное обеспечение веб-сервера дает другим людям доступ к вашему ПК.

Шаг 5. Конфигурация DNS

Вы можете настроить локальный веб-сервер так, чтобы он имел личное доменное имя, например exmple.com. Для этого вам следует изменить настройки Apache для приема запросов из Интернета. Ниже приведены конкретные шаги по настройке DNS:

Убедитесь, что у вашего выбранного доменного имени есть запись A; он должен указывать на конкретный IP-адрес. Ваши записи DNS обновляются автоматически вашим поставщиком услуг хостинга DNS.Чтобы проверить, была ли конфигурация успешной, используйте инструмент dig, который вернет данные, содержащие ваш IP-адрес, доменное имя и раздел полномочий.

Шаг 6: Настройка Apache

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

Сначала отключите виртуальный хост Apache по умолчанию, введя команду sudo a2dissite * default. Перейдите в каталог хранения по умолчанию, называемый / var / www / html, набрав эту командную строку: «cd / var / www / html». Создайте новую папку, в которой будет размещен ваш сайт. Обязательно измените свое доменное имя с exmple.com на желаемое. Используйте командную строку: sudo mkdir желаемое имя.com.

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

 судо mkdir -p желаемое имя.com/public_html
sudo mkdir -p желаемое имя.com/log
sudo mkdir -p желаемое имя.com/backups 

После этого откройте новый файл виртуального хоста для вашего сайта с помощью этой команды:

 судо нано /etc/apache2/sites-available/desiredname.com.conf 

Обратите внимание, что ваше доменное имя «желаемое имя.com» было заменено на «желаемое имя.com.conf».

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

 <виртуальный хост>
ServerAdmin [адрес электронной почты защищен]
Имя_сервера желаемое имя.com
Server_Alias ​​www.desiredname.com
расположена)
Directory_Index index.html index.php (это папка, в которой сохраняются файлы)
Document_Root /var/www/html/desiredname.com/public_html (содержит имя вашего файла php или htm)
LogLevel предупреждать
Custom_Log / var / www / html / желаемое имя.com / log / access.log объединены
 

Чтобы сохранить эти изменения, нажмите кнопку управления + X, затем Y, затем кнопку Enter, чтобы добавить изменения в файл конфигурации виртуального хоста.

Наконец, включите свой сайт с помощью этой команды: sudo a2ensite желаемое имя.com.conf. Вам будет предложено перезапустить Apache, чтобы применить новые настройки. Эти простые шаги подготовят ваш Apache к размещению вашего сайта. Вы можете повторить эту процедуру для любых других веб-сайтов, которые хотите разместить на своем сервере LAMP на своем ПК с Linux.

Каковы преимущества размещения веб-сайта на вашем компьютере?

Хостинг веб-сайтов через виртуальный хостинг — это работоспособное решение для большинства веб-сайтов сегодня. Однако есть множество причин, по которым вы захотите перейти на собственный хостинг. Вот некоторые из этих факторов:

Больше контроля и гибкости

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

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

Стоимость

Обратите внимание, что стоимость может быть как преимуществом, так и недостатком. Хорошая сторона этого заключается в том, что вы можете разместить веб-сайт на большинстве DSL-соединений. Единственное необходимое дополнительное оборудование — это коммутатор и веб-сервер. Это оборудование легко доступно и может быть найдено на условиях бывшего в употреблении примерно за 100 долларов. Однако, если у вас уже есть стабильное соединение DSL, вам не нужно тратить деньги на дополнительную инфраструктуру подключения. Ежемесячная экономия в размере 10 долларов приведет к переводу вашего капитала менее чем за год, что позволит вашему внутреннему хостингу быть самодостаточным.На стороне виртуального хостинга расходы увеличиваются по мере расширения вашего сайта. Это связано с тем, что вам нужно покупать больше услуг системного администратора.

Приобретение новых навыков

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

Доступность

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

Минусы размещения веб-сайта на вашем компьютере У

Собственный хостинг тоже есть свои недостатки. Вот основные из них:

Отсутствие доступа к дополнительным услугам

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

Безопасность

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

Масштабируемость

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

Способности и навыки

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

Наличие

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

Стоимость

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

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

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

Альтернативы самостоятельному размещению веб-сайта

Существуют различные формы веб-хостинга, отличные от внутреннего или самостоятельного хостинга.Здесь мы рассмотрим виртуальный хостинг и выделенный хостинг.

Виртуальный хостинг

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

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

Некоторые из надежных хостинговых компаний VPS включают Bluehost , Siteground и InMotion Hosting. Также вы можете проверить некоторых из более дешевых провайдеров VPS.

Выделенный хостинг

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

Основным преимуществом выделенного хостинга является неограниченная вычислительная мощность и скорость. У них очень мало времени простоя по сравнению с хостингом VPS.

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

Следующие две вкладки изменяют содержимое ниже.

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

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

Есть два способа разместить веб-сайт локально, каждый из которых включает три (не очень простых) шага:

Использование ПК с Windows в качестве сервера WAMP:

  • Шаг 1: Установите программное обеспечение WAMP.
  • Шаг 2. Загрузите файлы сайта.
  • Шаг 3. Сделайте свой веб-сайт общедоступным.

Используйте машину Linux:

  • Шаг 1. Установите программное обеспечение LAMP.
  • Шаг 2. Настройте файлы сайта и DNS.
  • Шаг 3. Настройте Apache.

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

Есть два способа разместить ваш веб-сайт из дома:

  • Используйте ПК с Windows в качестве сервера WAMP
  • Используйте машину Linux

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

Хостинг веб-сайта Использование ПК с Windows в качестве сервера WAMP

Подход Windows означает превращение вашего компьютера в сервер WAMP. WAMP означает Windows, Apache, MySQL и PHP — элементы, составляющие сервер.

Шаг 1: Установите программное обеспечение WAMP

Существует ряд доступных бесплатных программ ( WampServer и XAMPP , чтобы назвать пару). Загрузите и установите один, придерживаясь настроек по умолчанию, где это будет предложено. Программное обеспечение позволяет вашему компьютеру выступать в качестве сервера — дома для файлов вашего веб-сайта.

Шаг 2. Загрузите файлы сайта

После установки программного обеспечения WAMP вам нужно будет добавить к нему сайт. Как только вы открываете панель управления, она обычно находится в «каталоге www». Здесь размещаются файлы веб-сайта. Ваш HTML должен быть записан в текстовые файлы с расширением .php . Добавьте их в «каталог www», чтобы добавить их на свой сайт.

Шаг 3: Сделайте свой веб-сайт общедоступным

Ваши первоначальные действия с собственным сайтом будут частными — только вы сможете их увидеть.Когда вы будете довольны тем, что вы сделали, перейдите в «Apache» и выберите файл «httpd.conf». Убедитесь, что в настройках указано следующее…

Разрешить, запретить
Разрешить со всех

… и все готово!

Хостинг веб-сайта на машине Linux

Шаг 1. Установка программного обеспечения LAMP

Другой подход — установка сервера LAMP (Linux, Apache, MySQL и PHP). Это в основном тот же процесс, что и WAMP, но на компьютере с Linux. Для начала введите следующую команду в терминале Linux:

  • sudo apt install apache2 mysql-server php libapache2-mod-php7.0

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

Шаг 2: Настройте файлы сайта и DNS

Как и в случае с WAMP, вы добавляете файлы в корневой каталог, чтобы добавить их на свой сайт. Опять же, обязательно используйте расширение файла .php . Лучше всего обеспечить правильную работу PHP и My SQL.

Шаг 3. Настройте Apache

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

Заключение

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

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

Вы можете разместить свой собственный веб-сайт, но мы не рекомендуем этого делать.

Local Sync: легко разверните свой веб-сайт с компьютера на сервер

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

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

Что такое локальная синхронизация и почему меня это должно волновать?

Вас наняли для создания интернет-магазина футболок на WordPress. Разработка идет хорошо, и вы хотите получить обратную связь от клиента. Вам просто нужно развернуть веб-сайт на сервере, защищенном паролем. Вы запускаете локальную синхронизацию с панели инструментов Pro Sites, нажимаете несколько раз, и веб-сайт localhost автоматически появляется на сервере, защищенном паролем.

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

Он также работает и по-другому — если вы хотите протестировать несколько обновлений перед их запуском на действующем веб-сайте WordPress, просто используйте Local Sync, чтобы отправить действующий веб-сайт на localhost.

Local Sync находится на стадии бета-тестирования, и вы можете использовать ее сколько угодно. Все, что мы просим взамен, — это ваши отзывы как о внешнем виде, так и о ощущениях, а также о том, как они работают.Имея тысячи различных конфигураций серверов, мы хотим убедиться, что локальная синхронизация отлично работает не только с серверами GoDaddy, но и со всеми основными хостами.

Каковы долгосрочные перспективы Local Sync?

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

Нет ничего лучше этого, согласны? Расскажите нам, что вы думаете в разделе сообщества.

Веб-развертывание ASP.NET с использованием Visual Studio: развертывание для тестирования

  • 18 минут на чтение

В этой статье

Тома Дикстры

В этой серии руководств показано, как развернуть (опубликовать) ASP.NET в веб-приложения службы приложений Azure или стороннему поставщику услуг хостинга с помощью Visual Studio 2017. Дополнительные сведения о серии см. В первом руководстве из серии.

Текущую версию развертывания в Azure см. В разделе Создание веб-приложения ASP.NET Core в Azure.

Обзор

В этом руководстве вы развернете веб-приложение ASP.NET на Internet Information Server (IIS) на вашем локальном компьютере.

Обычно, когда вы разрабатываете приложение, вы запускаете его и тестируете в Visual Studio.По умолчанию проекты веб-приложений в Visual Studio 2017 используют IIS Express в качестве веб-сервера разработки. IIS Express больше похож на полноценный IIS, чем на Visual Studio Development Server (также известный как Cassini), который Visual Studio 2017 использует по умолчанию. Но ни один из веб-серверов разработки не работает так же, как IIS. Следовательно, приложение могло корректно запускаться и тестироваться в Visual Studio, но терпеть неудачу при развертывании в IIS.

Вы можете надежно протестировать свое приложение двумя способами:

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

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

  2. Разверните приложение в тестовой среде, аналогичной производственной среде.

    Производственной средой для этих руководств являются веб-приложения в службе приложений Azure. Идеальная тестовая среда — это дополнительное веб-приложение, созданное в Службе Azure.Хотя оно будет настроено так же, как производственное веб-приложение, вы будете использовать его только для тестирования.

Вариант 2 — самый надежный способ проверки. Если вы используете вариант 2, вам не обязательно использовать вариант 1. Однако при развертывании у стороннего хостинг-провайдера вариант 2 может оказаться невыполнимым или дорогостоящим, поэтому в этой серии руководств показаны оба метода. Рекомендации по варианту 2 приведены в руководстве «Развертывание в производственной среде».

Дополнительные сведения об использовании веб-серверов в Visual Studio см. В разделе Веб-серверы в Visual Studio для ASP.NET веб-проектов.

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

Загрузите начальный проект Contoso University

Загрузите и установите начальное решение и проект Visual Studio для Contoso University. Это решение содержит законченное руководство.

Скачать стартовый проект

Установить IIS

Для развертывания в IIS на компьютере разработчика убедитесь, что установлены IIS и Web Deploy.По умолчанию Visual Studio устанавливает веб-развертывание, но IIS не входит в стандартную конфигурацию Windows 10, Windows 8 или Windows 7. Если вы уже установили IIS и пул приложений по умолчанию уже установлен на .NET 4, переходите к следующему разделу.

  1. Для установки IIS и веб-развертывания рекомендуется использовать установщик веб-платформы (WPI). WPI устанавливает рекомендуемую конфигурацию IIS, которая при необходимости включает в себя предварительные требования IIS и Web Deploy.

    Если вы уже установили IIS, Web Deploy или любой из их требуемых компонентов, WPI устанавливает только то, что отсутствует.

    • Используйте установщик веб-платформы для установки IIS и веб-развертывания:

      Вы увидите сообщения о том, что IIS 7 будет установлен. Ссылка работает для IIS 8 в Windows 8; но для Windows 8 и более поздних версий выполните следующие действия, чтобы убедиться, что ASP.NET 4.7 установлен:

    • Откройте панель управления > Программы > Программы и компоненты > Включите или выключите функции Windows .

    • Expand Internet Information Services , World Wide Web Services и Функции разработки приложений .

    • Убедитесь, что выбран ASP.NET 4.7 .

    • Убедитесь, что выбраны World Wide Web Services и Консоль управления IIS . Это установит IIS и IIS Manager.

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

После установки IIS запустите IIS Manager , чтобы убедиться, что .NET Framework версии 4 назначен пулу приложений по умолчанию.

  1. Нажмите WINDOWS + R, чтобы открыть диалоговое окно Выполнить .

    (В Windows 8 или новее введите «запустить» на странице Start . В Windows 7 выберите Run из меню Start . Если Run отсутствует в меню Start , справа- щелкните панель задач, выберите Properties , выберите вкладку Start Menu , выберите Customize и выберите Run command .)

  2. Введите «inetmgr» и выберите ОК .

  3. На панели Подключения разверните узел сервера и выберите Пулы приложений . На панели Пулы приложений , если DefaultAppPool назначен .NET framework версии 4, как показано на следующем рисунке, перейдите к следующему разделу.

  4. Если вы видите только два пула приложений и оба настроены на .NET Framework 2.0 установите ASP.NET 4 в IIS.

    Для Windows 8 или более поздней версии см. Инструкции в предыдущем разделе, чтобы убедиться, что ASP.NET 4.7 установлен, или см. Как установить ASP.NET 4.5 в Windows 8 и Windows Server 2012. Для Windows 7 откройте окно командной строки справа -Щелкните Командная строка в меню Windows Пуск и выберите Запуск от имени администратора . Запустите aspnet_regiis.exe, чтобы установить ASP.NET 4 в IIS, используя следующие команды. (В 32-битных системах замените «Framework64» на «Framework».)

      cd% windir% \ Microsoft.NET \ Framework64 \ v4.0.30319
    aspnet_regiis.exe –i
      

    Эта команда создает новые пулы приложений для .NET Framework 4, но пул приложений по умолчанию останется равным 2.0. Вы развертываете приложение, ориентированное на .NET 4, в этот пул приложений, поэтому измените пул приложений на .NET 4.

  5. Если вы закрыли IIS Manager , запустите его снова, разверните узел сервера и выберите Пулы приложений .

  6. На панели Пулы приложений выберите DefaultAppPool . На панели Действия выберите Основные настройки .

  7. В диалоговом окне Edit Application Pool измените .NET CLR версии на .NET CLR v4.0.30319 . Выберите ОК .

Теперь вы готовы опубликовать веб-приложение в IIS. Однако сначала создайте базы данных для тестирования.

Установить SQL Server Express

LocalDB не предназначен для работы в IIS, поэтому в вашей тестовой среде должен быть установлен SQL Server Express. Если вы используете Visual Studio 2010 SQL Server Express, он уже установлен по умолчанию. Если вы используете Visual Studio 2012 или новее, установите SQL Server Express.

Чтобы установить SQL Server Express, загрузите и установите его из центра загрузки: Microsoft SQL Server 2017 Express edition.

На первой странице Центра установки SQL Server выберите Новая автономная установка SQL Server или добавьте функции к существующей установке и следуйте инструкциям, принимая варианты по умолчанию.В мастере установки примите настройки по умолчанию. Дополнительные сведения о вариантах установки см. В разделе Установка SQL Server из мастера установки (программа установки).

Создание баз данных SQL Server Express для тестовой среды

Приложение Contoso University имеет две базы данных:

  1. База данных
  2. База данных приложений

Эти базы данных можно развернуть в двух отдельных базах данных или в одной базе данных. Их объединение упрощает объединение баз данных между ними.

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

В этом руководстве вы выполните развертывание в двух базах данных в тестовой среде и в одной базе данных в промежуточной и производственной средах.

В меню View в Visual Studio выберите Server Explorer ( Database Explorer в Visual Web Developer).Щелкните правой кнопкой мыши Data Connections и выберите Create New SQL Server Database .

В диалоговом окне Create New SQL Server Database введите «. \ SQLExpress» в поле Server name и «aspnet-ContosoUniversity» в поле New database name . Выберите ОК .

Выполните ту же процедуру, чтобы создать новую базу данных SQL Server Express School с именем ContosoUniversity .

Server Explorer показывает две новые базы данных.

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

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

В текстовом редакторе скопируйте следующие команды SQL в новый файл и сохраните его как Grant.sql .

  ЕСЛИ НЕ СУЩЕСТВУЕТ (ВЫБЕРИТЕ имя ИЗ sys.server_principals, ГДЕ name = 'IIS APPPOOL \ DefaultAppPool')
НАЧИНАТЬ
    СОЗДАТЬ ВХОД [IIS APPPOOL \ DefaultAppPool]
      ИЗ WINDOWS С DEFAULT_DATABASE = [master],
      DEFAULT_LANGUAGE = [us_english]
КОНЕЦ
ИДТИ
СОЗДАТЬ ПОЛЬЗОВАТЕЛЯ [ContosoUniversityUser]
  ДЛЯ ВХОДА [IIS APPPOOL \ DefaultAppPool]
ИДТИ
Процедура EXEC sp_addrolemember 'db_owner', 'ContosoUniversityUser'
ИДТИ
  

В Visual Studio откройте решение Contoso University.Щелкните правой кнопкой мыши решение (не один из проектов) и выберите Добавить . Выберите Existing Item , перейдите к Grant.sql и откройте его.

Примечание

Этот сценарий разработан для работы с SQL Server Express 2012 или новее и с настройками IIS в Windows 10, Windows 8 или Windows 7, как указано в этом руководстве. Если вы используете другую версию SQL Server или Windows, или если вы настроили IIS на своем компьютере по-другому, могут потребоваться изменения в этот сценарий.Дополнительные сведения о сценариях SQL Server см. В электронной документации по SQL Server.

Примечание

Примечание по безопасности Этот сценарий предоставляет db_owner разрешений пользователю, который обращается к базе данных во время выполнения, что и будет у вас в производственной среде. В некоторых сценариях может потребоваться указать пользователя, у которого есть разрешения на полное обновление схемы базы данных только для развертывания, и указать во время выполнения другого пользователя, у которого есть разрешения только на чтение и запись данных.Дополнительные сведения см. В разделе «Обзор автоматических изменений Web.config для миграции с первого кода» далее в этом руководстве.

Запустить сценарий предоставления в базе данных приложения

Вы можете настроить профиль публикации для запуска сценария предоставления в базе данных членства во время развертывания, поскольку в этом развертывании базы данных используется поставщик dbDacFx. Вы не можете запускать сценарии во время развертывания Code First Migrations, а именно так вы развертываете базу данных приложения. Это означает, что вам необходимо вручную запустить сценарий перед развертыванием в базе данных приложения.

  1. В Visual Studio откройте файл Grant.sql , который вы создали ранее.

  2. Выбрать Подключиться .

  3. В диалоговом окне « Connect to Server » введите . \ SQLExpress в качестве имени сервера . Выберите Connect .

  4. В раскрывающемся списке базы данных выберите ContosoUniversity . Выберите Execute .

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

Опубликовать в IIS

Существует несколько способов развертывания в IIS с помощью Visual Studio и Web Deploy:

  • Используйте Visual Studio для публикации в один клик.
  • Опубликуйте из командной строки.
  • Создайте пакет развертывания и установите его с помощью диспетчера IIS. В пакете есть ZIP-файл со всеми файлами и метаданными, необходимыми для установки сайта в IIS.
  • Создайте пакет развертывания и установите его с помощью командной строки.

Процесс, который вы прошли в предыдущих руководствах по настройке Visual Studio для автоматизации задач развертывания, применим ко всем этим методам.В этих уроках вы будете использовать первые два метода. Дополнительные сведения об использовании пакетов развертывания см. В разделе «Развертывание веб-приложения путем создания и установки пакета веб-развертывания на карте содержимого веб-развертывания для Visual Studio и ASP.NET».

Перед публикацией убедитесь, что вы используете Visual Studio в режиме администратора. Если вы не видите (администратор) в строке заголовка, закройте Visual Studio. На странице Windows 8 (или более поздней) Start или в меню Windows 7 Start щелкните правой кнопкой мыши значок Visual Studio и выберите Запуск от имени администратора .Режим администратора требуется только для публикации, когда вы публикуете в IIS на локальном компьютере.

Создать профиль публикации

  1. В обозревателе решений щелкните правой кнопкой мыши проект ContosoUniversity (не проект ContosoUniversity.DAL ). Выберите Опубликовать . Откроется страница Публикация .

  2. Выбрать Новый профиль . Откроется диалоговое окно Выберите цель публикации .

  3. Выберите IIS, FTP и т. Д. . Выберите Создать профиль . Откроется мастер Публикация .

  4. В раскрывающемся меню Метод публикации выберите Веб-развертывание .

  5. Для Server введите localhost .

  6. Для Имя сайта введите Веб-сайт по умолчанию / ContosoUniversity .

  7. Для URL назначения введите http: // localhost / ContosoUniversity .

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

  8. Выберите Проверить соединение , чтобы проверить правильность настроек и возможность подключения к IIS на локальном компьютере.

    Зеленая галочка свидетельствует об успешном подключении.

  9. Выберите Далее , чтобы перейти на вкладку Настройки .

  10. В раскрывающемся списке Configuration указывается конфигурация сборки для развертывания. Оставьте для него значение по умолчанию Release . В этом руководстве вы не будете развертывать сборки отладки.

  11. Развернуть Параметры публикации файла . Выберите Исключить файлы из папки App_Data .

    В тестовой среде приложение обращается к базам данных, созданным в локальном экземпляре SQL Server Express, а не к.mdf в папке App_Data .

  12. Оставить прекомпиляцию во время публикации и Удалить дополнительные файлы в месте назначения сняты флажки.

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

    Вам не нужно удалять дополнительные файлы, так как это ваше первое развертывание, и в целевой папке еще нет файлов.

    Примечание

    Если вы выбрали Удалить дополнительные файлы в месте назначения для последующего развертывания на том же сайте, убедитесь, что вы используете функцию предварительного просмотра, чтобы заранее увидеть, какие файлы будут удалены перед развертыванием. Ожидаемое поведение состоит в том, что веб-развертывание удалит файлы на конечном сервере, которые вы удалили в своем проекте. Однако сравнивается вся структура папок в исходной и целевой папках; а в некоторых случаях Web Deploy может удалять файлы, которые вы не хотите удалять.

    Например, если у вас есть веб-приложение во вложенной папке на сервере, когда вы развертываете проект в корневую папку, вложенная папка будет удалена. У вас может быть один проект для основного сайта на contoso.com и другой проект для блога на contoso.com/blog. Приложение блога находится во вложенной папке. Если вы выберете Удалить дополнительные файлы в месте назначения при развертывании основного сайта, приложение блога будет удалено.

    Другой пример: ваша папка App_Data может быть удалена неожиданно.Некоторые базы данных, такие как SQL Server Compact, хранят файлы базы данных в папке App_Data. После первоначального развертывания вы не хотите продолжать копировать файлы базы данных в последующих развертываниях, поэтому вы выбираете Исключить App_Data на вкладке «Пакет / публикация в Интернете». После этого, если вы выбрали Удалить дополнительные файлы в месте назначения , файлы вашей базы данных и сама папка App_Data будут удалены при следующей публикации.

Настроить развертывание для базы данных членства

Следующие шаги применяются к базе данных DefaultConnection в разделе Databases диалогового окна.

  1. В поле Строка удаленного подключения введите следующую строку подключения, которая указывает на новую базу данных членства в SQL Server Express.

      Источник данных =. \ SQLExpress; Начальный каталог = aspnet-ContosoUniversity; Интегрированная безопасность = True
      

    Процесс развертывания помещает эту строку подключения в развернутый файл Web.config, поскольку выбран Использовать эту строку подключения во время выполнения .

    Вы также можете получить строку подключения из Server Explorer Server Explorer разверните Data Connections и выберите базу данных \ sqlexpress.aspnet-ContosoUniversity , затем из окна Properties скопируйте значение Connection String . В этой строке подключения будет один дополнительный параметр, который вы можете удалить: Pooling = False .

  2. Выберите Обновить базу данных .

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

  3. Выберите Настроить обновления базы данных .

  4. В диалоговом окне Настроить обновления базы данных выберите Добавить сценарий SQL . Перейдите к сценарию Grant.sql , который вы сохранили ранее в папке решения.

  5. Повторите процесс, чтобы добавить aspnet-data-dev.sql скрипт.

  6. Выбрать Закрыть .

Настроить развертывание для базы данных приложения

Когда Visual Studio обнаруживает класс Entity Framework DbContext , он создает запись в разделе Базы данных с флажком Выполнить первые миграции кода вместо флажка Обновить базу данных . В этом руководстве вы будете использовать этот флажок, чтобы указать развертывание Code First Migrations.

В некоторых сценариях вы можете использовать базу данных DbContext , но вы хотите использовать поставщик dbDacFx вместо Migrations для развертывания базы данных. В этом случае см. Раздел Как развернуть базу данных Code First без миграций? в разделе часто задаваемых вопросов по веб-развертыванию ASP.NET на MSDN.

Следующие шаги применяются к базе данных SchoolContext в разделе Базы данных диалогового окна.

  1. В поле Строка удаленного подключения введите следующую строку подключения, которая указывает на новую базу данных приложения SQL Server Express.

      Источник данных =. \ SQLExpress; Начальный каталог = ContosoUniversity; Интегрированная безопасность = True
      

    Процесс развертывания помещает эту строку подключения в развернутый файл Web.config, поскольку выбран Использовать эту строку подключения во время выполнения .

    Вы также можете получить строку подключения к базе данных приложения из Server Explorer таким же образом, как вы получили строку подключения к базе данных членства.

  2. Выберите Выполнить первую миграцию кода (выполняется при запуске приложения) .

    Этот параметр заставляет процесс развертывания настроить развернутый файл Web.config для указания инициализатора MigrateDatabaseToLatestVersion . Этот инициализатор автоматически обновляет базу данных до последней версии, когда приложение обращается к базе данных в первый раз после развертывания.

Настроить преобразования профиля публикации

  1. Выбрать Закрыть . Выберите Да , когда вас спросят, хотите ли вы сохранить изменения.

  2. В обозревателе решений разверните Свойства , разверните PublishProfiles .

  3. Щелкните правой кнопкой мыши CustomProfile.pubxml и переименуйте его в Test.pubxml .

  4. Щелкните правой кнопкой мыши Test.pubxml . Выберите Добавить преобразование конфигурации .

    Visual Studio создает файл преобразования Web.Test.config и открывает его.

  5. В сети .Test.config файл преобразования, вставьте следующий код сразу после открывающего тега конфигурации.

      
        
    
      

    При использовании профиля публикации Test это преобразование устанавливает индикатор среды на «Test». На развернутом сайте вы увидите «(Test)» после заголовка h2 «Contoso University».

  6. Сохраните и закройте файл.

  7. Щелкните правой кнопкой мыши файл Web.Test.config и выберите Preview Transform , чтобы убедиться, что кодируемое преобразование дает ожидаемые изменения.

    Окно Web.config Preview показывает результат применения преобразований Web.Release.config и Web.Test.config .

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

  1. Снова откройте мастер Publish Web (щелкните правой кнопкой мыши проект ContosoUniversity, выберите Publish , затем Preview ).

  2. В диалоговом окне Preview выберите Start Preview , чтобы увидеть список файлов, которые будут скопированы.

    Вы также можете выбрать ссылку Preview database , чтобы увидеть сценарии, которые будут запускаться в базе данных членства. (Для развертывания Code First Migrations скрипты не запускаются, поэтому для базы данных приложения нечего предварительно просматривать.)

  3. Выбрать Опубликовать .

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

    Если Visual Studio находится в режиме администратора, окно Выход сообщает об успешной сборке и публикации.

    Если вы ввели URL-адрес в поле Целевой URL-адрес на вкладке профиля публикации Connection , браузер автоматически откроется на домашней странице Contoso University, запущенной в IIS на вашем компьютере.

Тест в тестовой среде

Обратите внимание, что индикатор среды показывает «(Test)» вместо «(Dev)», что означает, что Web.Преобразование config для индикатора среды прошло успешно.

Запустите страницу Instructors , чтобы убедиться, что Code First заполнил базу данных данными инструктора. Когда вы выбираете эту страницу, загрузка может занять несколько минут, поскольку Code First создает базу данных, а затем запускает метод Seed . (Этого не произошло, когда вы были на домашней странице, потому что приложение еще не пыталось получить доступ к базе данных.)

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

Выберите Добавить студентов из меню Студенты . Добавьте студента, а затем просмотрите нового студента на странице Студенты . Это подтверждает, что вы можете успешно писать в базу данных.

В меню Courses выберите Update Credits . Страница Обновление кредитов требует прав администратора, поэтому отображается страница Вход в систему . Введите учетные данные учетной записи администратора, которые вы создали ранее («admin» и «devpwd»).Откроется страница Обновить кредиты . Это подтверждает, что учетная запись администратора, созданная вами в предыдущем руководстве, была правильно развернута в тестовой среде.

Убедитесь, что в папке c: \ inetpub \ wwwroot \ ContosoUniversity существует папка ELMAH , в которой находится только файл-заполнитель.

Проверьте автоматические изменения Web.config для Code First Migrations

Откройте файл Web.config в развернутом приложении по адресу C: \ inetpub \ wwwroot \ ContosoUniversity , и вы увидите, где процесс развертывания настроил Code First Migrations для автоматического обновления базы данных до последней версии.

В процессе развертывания также была создана новая строка подключения для Code First Migrations, которая будет использоваться исключительно для обновления схемы базы данных:

Эта дополнительная строка подключения позволяет указать одну учетную запись пользователя для обновлений схемы базы данных и другую учетную запись пользователя для доступа к данным приложения. Например, вы можете назначить роль db_owner для Code First Migrations и db_datareader с ролями db_datawriter приложению.Это распространенный шаблон многоуровневой защиты, который предотвращает изменение схемы базы данных потенциально вредоносным кодом в приложении. (Например, это может произойти при успешной атаке с использованием SQL-инъекции.) В этих руководствах этот шаблон не используется. Чтобы реализовать этот шаблон в своем сценарии, выполните следующие действия:

  1. В мастере Publish Web на вкладке Settings введите строку подключения, которая указывает пользователя с полными разрешениями на обновление схемы базы данных.Снимите флажок Использовать эту строку подключения во время выполнения . В развернутом файле Web.config это становится строкой подключения DatabasePublish .

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

Сводка

Теперь вы развернули свое приложение в IIS на своем компьютере разработки и протестировали его там.

Это подтверждает, что процесс развертывания скопировал содержимое приложения в нужное место (за исключением файлов, которые вы не хотели развертывать), а также что веб-развертывание правильно настроило IIS во время развертывания.В следующем руководстве вы запустите еще один тест, который обнаружит еще не выполненную задачу развертывания: установка прав доступа к папке Elm ah .

Дополнительная информация

Для получения информации о запуске IIS или IIS Express в Visual Studio см. Следующие ресурсы:

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

Как настроить локальный хост WordPress с помощью DesktopServer

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

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

Ищете учебные пособия? Щелкните здесь, чтобы перейти к вводным разделам и перейти к самому главному!

Для веб-сайта требуется сервер. Грубо говоря, существует два типа серверов: live и локальные .

Чтобы настроить локальный хост, вам необходимо загрузить и установить на свое устройство специальное программное обеспечение.Это программное обеспечение инициализирует и установит сервер Apache на вашем компьютере, что затем позволит вам включить сценарии PHP, чтобы иметь возможность настраивать базу данных, которая может разместить веб-сайт WordPress.

Доступно несколько вариантов localhost. В этом руководстве мы продемонстрируем DesktopServer от ServerPress.
Существует бесплатная версия, которая позволяет использовать три сайта. Существует также DesktopServer Premium, который поставляется с рядом профессиональных функций и поддерживает неограниченное количество сайтов.

Мало того, что установка и настройка невероятно быстрые (максимум пять минут, включая время загрузки программного обеспечения), фактическая работа самого программного обеспечения DekstopServer спроектирована так, чтобы быть простыми в использовании и понятными для непрофессионала.Как правило, большинство поставщиков программного обеспечения localhost работают со стеком LAMP, и их настройка может быть сложной, поскольку она включает в себя установку набора сложных файлов и выполнение многих шагов. С DesktopServer эти процессы выполняются быстро, и пользователи могут обойти эти трудоемкие шаги с помощью простой установки в один клик.

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

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

После завершения установки вы найдете новую папку с надписью «xampplite» в папке «Загрузки».В папке вы найдете приложение DesktopServer. Дважды щелкните программу, чтобы начать ее установку и настройку.

При первом запуске установки DesktopServer запросит права администратора и автоматически перезапустится. Выберите «Да» и нажмите «Далее».

Требуются права администратора

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

Выберите Да, чтобы перезапустить

В самый первый раз, когда вы настраиваете и устанавливаете DesktopServer, программе необходимо будет сгенерировать сервер и базы данных для вашего устройства. Выберите вариант «Да. Запустите службы Apache и MySQL »и нажмите« Далее ».

Выберите Да, чтобы запустить Apache и MySQL

Далее вам будут предложены три варианта. Выберите «Создать новый веб-сайт разработки» и нажмите «Далее».

Создать новую среду разработки

Затем DesktopServer попросит вас указать несколько деталей:

Site Name: сначала вам будет предложено ввести доменное имя для вашего сайта.Он будет автоматически добавлен к имени домена верхнего уровня .dev. Замените «пример» соответствующим названием, которое подходит вашему бренду или бизнесу вашего клиента (например, www.example.dev или www.test.dev).
Blueprint: Далее DesktopServer предложит либо автоматическую установку последней версии ядра WordPress, либо настройку пустой установки. Выберите первое.
Корень сайта: наконец, вам будет предложено выбрать наиболее подходящую папку на вашем устройстве, в которой будут находиться файлы вашего веб-сайта.

Дайте вашему сайту название

DesktopServer автоматически создаст соответствующие базы данных и изменит соответствующие файлы ядра WordPress. По завершении нажмите Далее.

Нажмите Далее

Наконец, вам будет представлена ​​ссылка (например, https://www.test.dev/wp-admin/install.php).

Щелкните URL-адрес, чтобы запустить свой сайт

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

Теперь, когда все установлено, можно приступить к работе в целом:

  • На найдите файлы вашего веб-сайта. посетите папку, заданную как корень сайта на этапах настройки. Если вы оставили для параметра «Корень сайта» значение по умолчанию, перейдите в папку «Документы». Файлы вашего веб-сайта будут расположены в папке с надписью «Веб-сайты».
  • Чтобы получить доступ к базам данных вашего веб-сайта , введите «phpmyadmin» после своего полного домена, чтобы получить доступ к phpMyAdmin (i.е. https://www.test.dev/phpmyadmin).
  • Чтобы получить доступ к DesktopServer Dashboard , введите «localhost» в строку поиска браузера и нажмите Enter.

Как импортировать активный сайт на DesktopServer

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

Ручной импорт действующего веб-сайта на DesktopServer

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

  • Экспорт файлов веб-сайта через консоль cPanel File Manager
  • Экспорт базы данных вашего веб-сайта через консоль cPanel phpMyAdmin
  • Объедините файлы сайта и базу данных и сожмите все файлы и папки
  • Импортируйте свой веб-сайт в DesktopServer

Примечание. Приобретая версию DesktopServer Premium, вы получаете удобную функцию миграции, которая делает этот процесс одним щелчком мыши вместо десятиэтапного.

Шаг 1. Экспорт файлов сайта вашего веб-сайта

Сначала войдите в интерфейс cPanel вашего сервера и щелкните Диспетчер файлов. Файловый менеджер откроется в новой вкладке.

Чтобы получить доступ к своему веб-сайту WordPress, перейдите в папку с названием «public_html». После нажатия на папку «public_html» вы увидите обширный список файлов вашего сайта WordPress в правом столбце.

Выберите все файлы, из которых состоит ваш сайт WordPress. Обязательно включите все файлы и папки с префиксом «wp», а также «index.php »,« xmlrpc.php »и файлы« .htaccess ». После того, как все соответствующие файлы сайта, относящиеся к вашему сайту WordPress, будут выбраны, нажмите «Сжать».

Затем появится всплывающее окно с запросом некоторых деталей перед созданием архива .zip. Выберите тип сжатия zip-архива (обычно указывается как первый доступный вариант). После завершения сжатия выберите файл .zip и щелкните значок «Загрузить» на главной панели инструментов.

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

Шаг 2. Экспорт базы данных вашего веб-сайта

Затем вернитесь к основному интерфейсу cPanel. Найдите и щелкните значок phpMyAdmin в раскрывающемся меню «Инструменты базы данных» или «Базы данных».После открытия phpMyAdmin вы увидите слева список баз данных, связанных с вашим веб-сервером. Выберите «Быстрый» в качестве метода экспорта и установите для формата базы данных значение SQL. Затем нажмите Go.

Когда загрузка базы данных завершится, переименуйте ее во что-нибудь запоминающееся, например «database.sql».

Шаг третий: сжатие файлов сайта и базы данных

Переместите файл «database.sql» в папку, ранее загруженную из файлового менеджера cPanel на первом шаге.Теперь все файлы вашего сайта WordPress и база данных SQL будут в одном месте. Убедитесь, что файл database.sql находится в той же папке (на том же уровне), что и файл wp-config.php.

Затем заархивируйте весь файл, щелкнув папку правой кнопкой мыши и выбрав «Сжать». После сжатия у вас будет zip-файл всего содержимого вашего веб-сайта WordPress.

Шаг четвертый: импортируйте свой веб-сайт на DesktopServer

Наконец, мы достигли последней стадии процесса импорта.Откройте приложение DesktopServer, выберите опцию «Экспорт или импорт веб-сайта» и нажмите «Далее».

Затем выберите опцию «Импортировать существующий архив веб-сайта WordPress» и нажмите «Далее».

Вам будет предложено выполнить ряд действий:

  • Импорт файла : просмотрите свое устройство и найдите сжатый файл, который содержит как файлы сайта вашего веб-сайта, так и базу данных SQL.
  • Название сайта : дайте вашему локальному сайту уникальное название, относящееся либо к вашему бренду, либо к бренду или компании вашего клиента.DesktopServer автоматически добавит доменное имя верхнего уровня «.dev».
  • Корневой каталог сайта : Наконец, выберите папку, в которой DesktopServer будет хранить файлы вашего веб-сайта. Если вы хотите использовать папку, отличную от той, которая предлагается по умолчанию, нажмите кнопку «Обзор» и перейдите по папкам вашего устройства, чтобы выбрать наиболее подходящее место назначения.

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

Импорт действующего веб-сайта на DesktopServer с помощью подключаемого модуля

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

Как развернуть веб-сайт из локальной среды на Live Server

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

Для начала убедитесь, что вы установили новую установку WordPress на своем сервере.

Вам также необходимо будет добавить плагин DesktopServer к действующему серверу. Для этого либо загрузите пакет плагина из репозитория WordPress , либо добавьте его из своей бэкэнда WordPress (Плагины> Добавить новый, найдите DesktopServer, нажмите «Установить», нажмите «Активировать»).

После активации появится приложение DesktopServer. Когда вы столкнетесь с экраном и параметрами ниже, выберите последний вариант «Экспорт, импорт или совместное использование веб-сайта» и нажмите «Далее».

Щелкните, чтобы перейти на ваш действующий веб-сайт.

Затем выберите «Экспорт или развертывание веб-сайта WordPress» и нажмите «Далее».

Нажмите Далее

Затем вам будет предложено ввести доменные имена как локального, так и рабочего серверов.

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

В поле Export As введите зарегистрированное доменное имя веб-сайта live .

Из переключателей ниже выберите «Прямое развертывание на существующий сервер» и нажмите «Далее».

Установите соответствующие флажки

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

Введите имя пользователя и пароль WP

Далее вам будет предложен ряд вариантов. Установите флажки «Поощрять видимость в поисковых системах» (только если вы создаете действующий сайт, а не сайт для предварительного просмотра) и «Очистить сообщения и редакции страниц» и нажмите «Далее».

Нажмите Далее

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

По завершении вы получите уведомление с надписью «Завершено развертывание».

Выберите «Экспорт или развертывание веб-сайта WordPress.

Появится последний экран с гиперссылкой. Щелкните, чтобы перейти на ваш действующий веб-сайт.

Выбрать экспорт

И все! Насколько просто?

Лучшие рекомендации по хостингу веб-сайтов

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

Если вы ищете веб-хостинг для своего действующего сайта, мы настоятельно рекомендуем Divi Space Hosting.Это управляемое решение для хостинга WordPress поставляется с рядом дополнительных функций, предназначенных для упрощения владения, запуска и управления веб-сайтом WordPress.

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

Конечные мысли

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

Вы разрабатываете локально? Если да, то сообщите нам, какой инструмент вам лучше всего рекомендуют!

Как превратить ваш ноутбук / настольный компьютер в сервер и разместить на нем веб-сайт, доступный через Интернет: Часть 2

Как преобразовать ваш ноутбук / настольный компьютер в сервер и разместить на нем веб-сайт, доступный через Интернет: Часть 2

Это часть 2 из серии статей о размещении веб-сайта в Интернете на собственном ноутбуке.В части 1 мы разработали концепции структуры и функционирования Интернета. В этой части я проведу вас через процесс размещения и запуска веб-сайта в Интернете.

Вот демонстрация работающего сервера на моем ноутбуке:

https://janishar.com/

Ссылка на часть 1: НАЖМИТЕ ЗДЕСЬ

Я также создал БЕСПЛАТНЫЕ видеоуроки для понимания Интернета: Вот ссылка

Одна из важных концепций связи через Интернет — это порты.Итак, что такое порт?

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

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

Порт всегда связан с IP-адресом хоста и типом протокола связи и, таким образом, завершает сетевой адрес назначения или источника сеанса связи. Порт идентифицируется для каждого адреса и протокола 16-битным числом, обычно известным как номер порта . Например, адрес может иметь вид «протокол: TCP, IP-адрес: 1.2.3.4, номер порта: 80», что может быть записано как 1.2.3.4:80, если протокол известен из контекста.

В основном приведенный выше текст означает, что любая связь между сетевыми устройствами осуществляется через порт, который представляет собой программную конструкцию, которая помогает в приеме и обработке данных для сетевых устройств.Порт, который представляет собой число после «:» в IP-адресе, определяет порт, на который должны быть отправлены данные. Мы, должно быть, видели номера портов в URL-адресах. По умолчанию HTTP использует порт 80, а HTTPS — порт 443, и мы не добавляем их в браузер, но неявно обрабатываются браузерами. Но такой URL-адрес, как http://www.example.com:8080/path/, указывает, что веб-браузер вместо этого подключается к порту 8080 HTTP-сервера.

Что такое переадресация портов?

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

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

IP-адрес веб-сервера в виде числа 123.123.123.123, но как http://www.example.com может взаимодействовать с этим сервером?

example.com называется доменным именем. Доменные имена — это удобные для человека формы интернет-адресов, которые обычно используются для поиска веб-сайтов. Система доменных имен (DNS) по сути является глобальной системой адресации. Это способ, которым доменные имена располагаются и транслируются в адреса Интернет-протокола (IP), и наоборот.Доменное имя, такое как example.com, — это уникальный псевдоним IP-адреса http://123.123.123.123:80, который является реальной физической точкой в ​​Интернете. Интернет-корпорация по присвоению имен и номеров ( ICANN ) — это некоммерческая организация, отвечающая за координацию обслуживания и процедур нескольких баз данных, связанных с пространствами имен Интернета. Мы можем купить доменное имя, как я сделал с janishar.com, у такого поставщика, как GoDaddy и другие, на какое-то время, а затем указать этому домену, чтобы он указывал на фактический адрес сервера, используя веб-сайты этих поставщиков.

Что такое публичный IP-адрес?

Общедоступный IP-адрес — это IP-адрес, который наш домашний или деловой маршрутизатор получает от вашего интернет-провайдера. Общедоступные IP-адреса требуются для любых общедоступных сетевых устройств, например для нашего домашнего маршрутизатора, а также для серверов, на которых размещаются веб-сайты.

Общедоступные IP-адреса — это то, что отличает все устройства, подключенные к общедоступному Интернету. Каждое устройство, подключенное к Интернету, использует уникальный IP-адрес.Это адрес, который каждый интернет-провайдер использует для пересылки интернет-запросов в конкретный дом или офис.

Теперь мы разработали все концепции, необходимые для создания нашего собственного сервера для Интернета.

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

Получите доступ к программному обеспечению маршрутизатора с помощью браузера, введя его локальный IP-адрес. Вы можете найти локальный IP-адрес, используя параметр сведений о сети в подключении вашего ноутбука или используя netstat -rn в терминале Linux.Это адрес шлюза по умолчанию (у меня 192.168.1.1).

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

На этом сайте представлены шаги по переадресации портов для большинства маршрутизаторов: https://portforward.com/router.htm

Найдите свой маршрутизатор на этом сайте и выполните следующие действия.В этой статье я расскажу о настройках роутера Tenda.

Шаг 1: Найдите общедоступный IP-адрес маршрутизатора:

Дополнительно (вверху справа)> Информация об устройстве (верхнее левое меню)> Таблица состояния WAN > IP-адрес WAN

(если вы введете WAN IP-адрес , после чего вы увидите страницу входа в систему вашего маршрутизатора.)

Шаг 2: Освободите порты 80 и 443, если они используются в маршрутизаторе.

Это было сложнее для моего роутера.

Advanced (вверху справа, если нет)> Management> Access Control> AccessCtrl

Включить WAN для HTTP> Изменить порт на 8080> Отключить WAN для HTTP

Включить WAN для HTTPS> Изменить порт на 8081> Отключить WAN для HTTPS

Применить / сохранить

Шаг 3: Изменить пароль маршрутизатора для безопасности

Дополнительно (вверху справа, если его нет)> Управление> Контроль доступа> Пароли> Применить / сохранить

Шаг 4: Настройка NAT

Дополнительно ( вверху справа, если его нет)> Расширенная настройка> NAT> Виртуальные серверы> Добавить

Custom Service:> введите имя> IP-адрес сервера:> добавьте IP-адрес портативного компьютера, который будет сервером (введите 192.168.1.250, и мы вручную настроим этот IP-адрес на ноутбуке)

Заполните запись в таблице следующим образом:

Внешний порт Начало> 80> Внешний порт конец> 80> Протокол> TCP> Начало внутреннего порта> 80> Внутренний порт Конец> 80> Применить / сохранить

Аналогичным образом добавьте еще одну запись NAT для 443, если вы хотите настроить HTTPS, как на моем сайте https://janishar.com.

Шаг 5: Ограничьте DHPC для выделения IP-адреса 192.168.1.250 любому другому устройству

ПРИМЕЧАНИЕ: Вы должны добавить 250 в качестве вашего хоста, если ваш шлюз по умолчанию — 192.168.0.1, затем используйте 192.168.0.250

Advanced (вверху справа, если его нет)> Advanced Setup> LAN> Enable DHCP Server> End IP Address> Enter 192.168.1.245> Apply / Save

Step 6: Setup 192.168.1.250 IP-адрес для подключения в Ubuntu или любой ОС, установленной на вашем ноутбуке.

Я посоветую вам использовать графический интерфейс, так как он проще.

Соединение (верхний правый вариант)> Информация о соединениях> Оставьте его открытым для копирования и вставки

Соединение (верхний правый вариант)> Редактировать соединения> Ваше текущее имя соединения> Редактировать> Настройки IPv4> Добавить (если нет записи)

Адрес> 192.168.1.250> Скопируйте остаток из информации о подключениях> Сохранить

Теперь повторно подключите проводное соединение Wi-Fi или LAN.

Шаг 7. Запустите серверную программу на своем портативном компьютере.

Я использую Nginx. Вы можете запустить любую такую ​​программу, Apache, Tomcat и т. Д. Я не буду объяснять процесс их настройки в этой статье. Вы должны найти по ним соответствующее руководство и сделать это самостоятельно.

Для настройки Nginx вы можете обратиться: https://www.digitalocean.com/community/tutorials/how-to-install-nginx-on-ubuntu-16-04

Мой сервер Nginx прослушивает порт 80 и обслуживает статический веб-сайт, который вы можете увидеть здесь https: // janishar.com.

Для HTTPS я использовал Certbot. Ссылка для Nginx находится здесь: https://certbot.eff.org/#ubuntutrusty-nginx

Шаг 8: Укажите свой домен на свой общедоступный IP-адрес:

. Когда вы вводите свой общедоступный IP-адрес в браузере, вы можете надеюсь увидеть ваш сайт, если все настроено правильно. Но мы хотим, чтобы такое имя, как janishar.com, могло легко получить к нему доступ в Интернете.

Купите домен у любого продавца, а затем поместите свой общедоступный IP-адрес в запись «A», и он будет доступен для пользователя в Интернете.

Вы можете увидеть мой действующий веб-сайт https://janishar.com.

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

Coder’s Rock

5 основных шагов по развертыванию веб-сайта

Многие веб-дизайнеры и разработчики не замечают того, что на самом деле участвует в развертывании веб-сайта; процесс, когда вы закончите разработку сайта, протестировали, чтобы убедиться, что он работает, и готовы отправить его на действующий веб-сервер.

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

Шаг 1: Подготовка

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

Три общих сценария развертывания веб-сайта:

  1. У клиента ничего (т.е. это их первый сайт)
  2. У клиента уже есть хостинг , и вы будете развертывать сайт на их сервере
  3. У клиента уже есть хостинг , но вы будете переходить на новый сервер

Первый сценарий наиболее желателен, потому что вы начинаете с чистого листа.Сценарии 2 и 3 немного сложнее и требуют более продуманного процесса развертывания.

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

Если вы имеете дело со сценарием 1, то все, что вам нужно сделать, это зарегистрировать их доменное имя и приобрести (или предоставить) веб-хостинг. Простое и быстрое развертывание.

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

Итак, давайте соберем информацию самостоятельно. Мы можем использовать такой инструмент, как whois.domaintools.com, чтобы узнать некоторую информацию о существующем доменном имени.

Введите имя домена, и на странице результатов вы увидите информацию whois.Для тех, кто не знаком с этим термином, whois (произносится как «кто есть») — это запрос информации об интернет-ресурсе, таком как доменное имя. Для наглядности вот информация whois для Google.

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

Затем щелкните вкладку «Регистрация». Вы увидите информацию о регистраторе ICANN (первая строка), которую вам следует принять к сведению. Также обратите внимание на перечисленные серверы имен.

Регистратор ICANN — это компания, которая зарегистрировала доменное имя. GoDaddy, Network Solutions и Namecheap.com являются примерами регистраторов ICANN.

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

Если вы не знаете контактное лицо для домена, вам придется попросить клиента написать ему электронное письмо или позвонить ему по телефону.

По крайней мере, если вы упомянете имя регистратора ICANN (например, «Эй, вы зарегистрировали свое доменное имя на GoDaddy, это звонит в колокольчик?»), Это может разбудить их память и помочь вспомнить нужную вам информацию.

Шаг 2. Настройка записей DNS

Если вы собираетесь настраивать веб-сайт на новом хосте и у вас есть доступ к администрированию управления DNS, то это прекрасно.Создайте себе запись A (запись адреса, которая сопоставляет имя домена с IP-адресом сервера) или запись поддомена для действующего сайта разработки, например dev.domainname.com . Укажите этот субдомен на IP-адрес нового сервера.

Если у вас нет доступа к DNS, но вы хотите иметь полный контроль, я рекомендую использовать ZoneEdit.com, бесплатный и простой веб-менеджер домена. Имейте в виду! Убедитесь, что вы знаете, что делаете с этим инструментом; прочтите их основы DNS и FAQ.

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

Шаг 3. Настройка сайта тестирования в реальном времени

Пришло время проверить, работает ли сайт в среде реального сервера.

Практика, которую я рекомендую сделать, — это настроить URL-адрес поддомена перед официальным развертыванием сайта. Что-то вроде dev.domainname.com , который в конечном итоге будет на domainname.com .

Не создавайте субдомен на хосте, так как это создаст новый каталог и внесет изменения в локальный DNS. Установите так, чтобы dev.domainname.com действовал как совершенно отдельный веб-сайт. Что вы хотите сделать, так это сделать dev.domainname.com псевдонимом домена (также известным как запись CNAME).

Так, например, если вы настроили запись A (запись, которая сопоставляет IP-адрес веб-сервера с именем домена), например:

 пример.com. А 192.0.2.1 

Вы должны установить псевдоним для dev.example.com как таковой:

 dev.example.com. CNAME example.com. 

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

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

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

Шаг 4. Настройка учетных записей электронной почты

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

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

Если у клиента есть внутренний почтовый сервер или сторонний почтовый хостинг, вам необходимо убедиться, что все записи MX (записи DNS, которые имеют дело с почтой) верны.

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

MxToolbox предоставит вам всю необходимую информацию о домене; он будет отображать информацию о записях MX доменного имени.

Меньше всего вы хотите, чтобы клиент потерял электронную почту.

Шаг 5. Резервное копирование и запуск

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

Хорошо, все готово к работе. Если у вас есть полный контроль над записями DNS, просто измените запись A для имени домена, чтобы IP-адрес был установлен на новый веб-сервер, и примерно через 20 минут новый веб-сайт будет активен.

Если что-то не так, просто верните его на старый сайт и проведите некоторое тестирование.

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

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

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

Все готово. Если вы выполните эти шаги, у вас должно быть 100% плавное развертывание вашего нового веб-сайта и счастливый клиент, который расскажет о вашем бизнесе.

Контрольный список для развертывания веб-сайта

  1. Иметь доступ к управлению записями DNS или знать людей, с которыми можно связаться
  2. Настройте записи DNS и убедитесь, что все настройки верны
  3. Настройте и протестируйте веб-сайт на рабочем сервере (на котором он будет размещаться)
  4. Настроить электронную почту
  5. Создайте резервную копию старого сайта (если применимо) и разверните новый

Связанное содержимое

.

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

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