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

Содержание

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  • Запустите локальный сервер и установите на него WordPress.
  • Установите на локальном сайте дизайн-шаблон, который вы используете на реальном ресурсе.
  • Установите на действующий сайт и активируйте плагин Duplicator.
  • В административной консоли выберите меню «Duplicator – Пакеты». Нажмите кнопку «Создать новый».
  • Скачайте созданные пакеты на жесткий диск компьютера. Перенесите их в корневой каталог ресурса на локальном сервере.
  • Введите в адресную строку браузера путь к файлу installer.php на тестовом ресурсе. Вы попадете на страницу установки базы данных.
  • Удалите из корневой директории тестового ресурса файлы install.php и wp-config.php.
  • Укажите имя пользователя и название базы данных экспериментального сайта. Отметьте, что вы прочитали техническое предупреждение и запустите установку копии ресурса на локальный сервер. Запустите установку.

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

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

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

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

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

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

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

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

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

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

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

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

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

На протяжении всего обучения, вы будете открывать примеры непосредственно в браузере — двойным кликом по 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.

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

Всем привет! На связи Заур Магомедов с очередной порцией материала для веб-мастеров. Не успел начаться год, как мы уже приблизились к концу февраля. Пишу этот пост в праздничный день 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 и через мобильный интернет проверить. Вот, что у меня получилось.

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

Что такое локальный сайт: программы локальных серверов

 

Вступление

По своей сути, сайт это набор разноформатных  файлов (текстовых, фото и т.п.) объединенных в единую структуру с доступом для их просмотра всех желающих.

Что такое сайт

Сайт должен иметь свое имя (домен), выстроенную структуру (каталог) и средства управления. Создать каталог сайта можно при помощи, так называемых, систем управления содержанием (CMS) или самостоятельно. Для самостоятельного создания сайта, необходимо знание языков программирования. Основными языками программирования для создания веб-страниц являются языки PHP, Perl или Pethon. Для создания страниц сайта нужно знание языка HTML разметки. Для красивого оформления сайта нужно знание языка описания внешнего вида документа (таблицы CSS).

Где сайт можно разместить

Как и любая другая электронная информация, сайт должен размещаться на жестком диске компьютера. Поместить сайт можно и на своем домашнем компьютере и на мощных серверах, так называемых хостингах. На хостинге вы можете арендовать определенное место на общем диске сервера (аренда виртуального хостинга) или арендовать отдельный сервер (аренда виртуального сервера (VPS/VDS) Open VZ или KVM).

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

Что такое локальный сайт и как он строится

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

При этом, нельзя создавая локальный сайт, используются те же программные продукты, которые применяются на хостингах. Базовый набор программных продуктов для создания сайта включает: веб-сервер HTTP  (Apache или NGINX или IIS), система управления базами данных (СУБД) MySQL и язык программирования (PHP, Perl или Pethon). Естественно, все эти продукты должны работать во взаимосвязи.

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

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

Другое дело локальный сайт. Локальный сайт «лежит» на вашем диске и вам для создания локального сайта, нужно самостоятельно установить набор, выше указанного, программного обеспечения (например, связку Apache + MySQL + PHP).

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

Платформы собираются для работы на определенных операционных системах. Для Windows свои, для Linux свои, для MAC OC X свои. Правда есть и кросплатформы, работающие на нескольких OC, например XMAPP.  

Для работы на Windows платформы обозначаются акронимом WAMP: Windows, Apache, MySQL, PHP. Для Linux это LAMP:  Linux, Apache, MySQL, PHP.

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

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

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

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

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

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

Несколько выводов

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

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

©Joomla3-x.ru

Статьи раздела

 

 

Похожие статьи

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

Вступление

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Копия сайта

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

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

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

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

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

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

Вывод

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

©joomla3-x.ru

Еще статьи

 

Похожие статьи

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



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

Я использую XAMPP (localhost для просмотра всех моих веб-сайтов) Как другой пользователь может просматривать мой сайт, не устанавливая XAMPP на свой компьютер? Возможно ли, чтобы MySQL был совместно использован с другим компьютером ?

php mysql web
Поделиться Источник ShahF     20 декабря 2013 в 10:57

3 ответа




2

Есть несколько способов решить вашу проблему.

Вы можете предоставить доступ к своему локальному компьютеру . Поэтому вы должны проверить настройки брандмауэра и обычно открывать порт 80 или 8080. Тогда вы должны решить:

  • Когда второй человек находится в той же локальной сети , вам обычно нужно только поделиться своим локальным IP. Чтобы узнать, что ваш локальный IP является пользователем windows, вам нужно открыть команду shell и ввести ipconfig . (Обратите внимание: в сложных сетевых структурах это не всегда трюк. Возможно, вам придется связаться со своим местным администратором.)
  • Когда второй человек не находится в той же сети , вы можете настроить защиту портов на своем маршрутизаторе. Чтобы поделиться своим общедоступным IP, вы можете использовать дополнительный DYNDNS-сервис ( dyndns ) или просто распространить ip самостоятельно ( whatismyip ). Я бы не рекомендовал это решение в течение длительного времени, и вы должны предоставлять только временный доступ к локальной службе в вашей сети.

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

Другим решением было бы использование общедоступного веб-хостера . Это доступное решение, и вам не нужно беспокоиться о каких-либо местных проблемах. Если вы часто хотите предложить свою услугу или даже запустить ее 24/7,, я бы предпочел это решение.

Для опытных пользователей также есть возможность обойти службу с обратным ssh portforwarding. Для получения дополнительной информации я бы рекомендовал следующий пост в блоге: toic.org-reverse-ssh-port-forwarding .

Поделиться kn000x     20 декабря 2013 в 11:27



2

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

Некоторые примеры:

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

Поделиться Kristof Feys     20 декабря 2013 в 11:00



0

вы можете просто заменить 127.0.0.1 или localhost своим адресом IP в url ( при условии, что вы оба находитесь в одной и той же офисной сети )., например, заменить localhost/project/index.php на yourip/project/index.php

если на windows просто введите ipconfig в командной строке или попробуйте ifconfig на mac или linux, чтобы узнать ваш ip-адрес.

Поделиться adamS     20 декабря 2013 в 11:01



Похожие вопросы:


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

Я работаю над веб-разработкой уже давно, но использую провайдеров веб-хостинга, таких как godaddy, hostgator и т. д. Теперь я хочу разместить сайт со своего собственного компьютера . Я настроил…


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

У меня есть очень простое веб-приложение, которое я создаю. нет php-только html & javascript. Я хочу получить этот вариант использования для пользователя, который приходит на мой сайт:…


Загрузка элементов с компьютера пользователя на сервер asp.net

Я действительно не знаю, как объяснить, что я хочу сделать. Я постараюсь объяснить, что я делаю. Я построил сайт в ASP.NET 4 (WebForms) и хочу, чтобы мой брат мог нажать на кнопку, Выбрать файл со…


Можно ли переместить файл_upload_file на мой сервер

Я разместил сайт на общем хостинговом сервере. У меня есть разрешение 776 на папку, возможно ли кому-то загрузить файл с помощью move_upload_file на мой сервер со своего домашнего компьютера или…


Получает имя компьютера, компьютер локальный IP компьютера и IP-сервер, используя php

Как получить имя компьютера, локальный компьютер IP (если он использует LAN) и сервер компьютера IP (сервер LAN IP), используя PHP.


Как один пользователь может загрузить файл с компьютера другого пользователя через веб-сайт?

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


Что мне нужно закодировать, чтобы один пользователь мог загружать файлы с компьютера другого пользователя через веб-сайт?

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


позвольте другим пользователям видеть ваш локальный сервер Sinatra через экземпляр amazon

Это действительно трудно объяснить. Но в принципе, у меня есть экземпляр amazon, и я хочу ssh в него и запустить на нем локальный сервер с sinatra. поэтому я бы ssh в экземпляр amazon, git clone мое…


Загрузите изображение с facebook на мой сайт

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


Как загрузить видео с устройства Android на сервер или хост, а затем получить его снова?

Сейчас я создаю приложение android, где я хочу, чтобы пользователь загружал видео на сервер, затем после загрузки оно должно появиться на MainActivity, я настроил логин/регистрацию с помощью…

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

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

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

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

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

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

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

  • У них есть асинхронные запросы . Некоторые браузеры (включая Chrome) не будут выполнять асинхронные запросы (см. Получение данных с сервера), если вы просто запустите пример из локального файла. Это связано с ограничениями безопасности (дополнительные сведения о веб-безопасности см. В разделе «Безопасность веб-сайтов»).
  • Они имеют серверный язык . Для серверных языков (таких как PHP или Python) требуется специальный сервер для интерпретации кода и предоставления результатов.

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

Примечание. Более старые версии Python (до версии 2.7) предоставляли аналогичный модуль с именем SimpleHTTPServer . Если вы используете Python 2.x, вы можете следовать этому руководству, заменив все варианты использования http.server на SimpleHTTPServer .Однако мы рекомендуем вам использовать последнюю версию Python.

Для этого:

  1. Установите Python. Если вы используете Linux или macOS, он уже должен быть доступен в вашей системе. Если вы пользователь Windows, вы можете получить установщик с домашней страницы Python и следовать инструкциям по его установке:
    • Перейти на python.org
    • В разделе «Загрузка» щелкните ссылку для Python «3.xxx».
    • Внизу страницы щелкните ссылку Windows Installer , чтобы загрузить файл установщика.
    • Когда он загрузится, запустите его.
    • Убедитесь, что на первой странице установщика установлен флажок «Добавить Python 3.xxx в PATH».
    • Щелкните Install , затем щелкните Close , когда установка будет завершена.
  2. Откройте командную строку (Windows) / терминал (macOS / Linux). Чтобы проверить, установлен ли Python, введите следующую команду:
      питон -V
    
    python3 -V
    
    py -V
      
  3. Это должно вернуть номер версии.Если это нормально, перейдите в каталог, в котором находится ваш пример, с помощью команды cd .
  4. Введите команду для запуска сервера в этом каталоге:
     
    
    python3 -m http.server
    
    python -m SimpleHTTPServer
      
  5. По умолчанию содержимое каталога запускается на локальном веб-сервере через порт 8000. Вы можете перейти на этот сервер, перейдя по URL-адресу localhost: 8000 в своем веб-браузере. Здесь вы увидите содержимое указанного каталога — щелкните файл HTML, который хотите запустить.

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

Модуль

Python http.server (или SimpleHTTPServer для Python 2) полезен, но это просто статический файловый сервер ; он не знает, как запускать код, написанный на таких языках, как Python, PHP или JavaScript.Чтобы справиться с ними, вам понадобится что-то большее — именно то, что вам нужно, зависит от серверного языка, который вы пытаетесь запустить. Вот несколько примеров:

  • Для запуска кода Python на стороне сервера вам потребуется веб-фреймворк Python. Существует множество популярных веб-фреймворков Python, таких как Django (имеется руководство), Flask и Pyramid.
  • Чтобы запустить код на стороне сервера Node.js (JavaScript), вам необходимо использовать необработанный узел или фреймворк, построенный на его основе. Express — хороший выбор — см. Express Web Framework (Node.js / JavaScript).
  • Чтобы запустить серверный код PHP, запустите встроенный сервер разработки PHP:
      $ cd путь / к / вашему / php / коду
    $ php -S локальный: 8000
      

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

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

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

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

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

Нам есть что обсудить — так что приступим!

Введение в хостинг веб-сайтов: что это такое и зачем он вам нужен

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

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

Важно отметить, что существует два способа разместить веб-сайт: (1) внешний / общедоступный и (2) локальный .

Локальный веб-сайт хранится на вашем собственном компьютере, а внешний сайт хранится на сервере провайдера.

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

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

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

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

Как разместить веб-сайт в Интернете (5 ключевых моментов)

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

1. Определите лучший тип хостинга для вашего сайта

Пользователям WordPress следует рассмотреть пять основных типов хостинга:

  1. Общий
  2. Виртуальный частный сервер (VPS)
  3. Выделенный
  4. Облако
  5. Управляемый хостинг WordPress

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

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

2. Изучите дополнительные функции, доступные от различных поставщиков

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

Планы хостинга

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

3. Изучите варианты поддержки клиентов различных поставщиков

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

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

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

4. Установите бюджет хостинга и найдите цену, которая вам подходит

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

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

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

5. Выясните, как вы установите WordPress на сервер вашего провайдера

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

Независимо от того, какого хостинг-провайдера вы выберете, вы всегда сможете установить WordPress вручную. Это включает доступ к вашему серверу через протокол передачи файлов (FTP) с использованием такого клиента, как FileZilla.

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

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

  • SiteGround — оптимизированный хостинг для WordPress, от 3 долларов.99 в месяц, разрешен 1 веб-сайт, 10 ГБ дискового пространства, до 10 000 посещений в месяц
  • Bluehost — дешевый хостинг для веб-сайтов, от 2,75 долл. США в месяц, разрешен 1 веб-сайт, включено 1 бесплатное доменное имя, 50 ГБ дискового пространства, неограниченная пропускная способность
  • WP Engine — высококачественный управляемый хост WordPress, от 25 долларов в месяц, разрешен 1 веб-сайт, 10 ГБ дискового пространства, до 25000 посещений в месяц, 35+ премиальных тем StudioPress включены

Как разместить собственный сайт локально (2 метода)

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

1. Создайте сайт с помощью локального веб-стека

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

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

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

2.Подпишитесь на виртуальную песочницу

Гораздо более простой способ создать локальный сайт WordPress — и подготовить ваш действующий сайт — это использовать виртуальную среду песочницы. Эти платформы, включая Local by Flywheel, позволяют легко создавать локальные установки WordPress:

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

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

Заключение

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

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

  1. Локальный хостинг предполагает использование вашего компьютера в качестве сервера для вашего веб-сайта и может быть настроен через локальный веб-стек, такой как XAMPP, или виртуальную среду песочницы, такую ​​как Local by Flywheel.
  2. Внешний хостинг (в Интернете) требует от вас выбора хостинг-провайдера. Принимая решение, вы должны учитывать типы хостинга, функции, поддержку клиентов, цену и простоту установки.Мы рекомендуем хосты Bluehost (2,75 доллара в месяц), SiteGround (3,99 доллара в месяц) и WP Engine (25 долларов в месяц — высокопроизводительный хост).

У вас есть вопросы о том, как разместить сайт? Задайте их в комментариях ниже!

Бесплатный гид

5 основных советов по ускорению


Ваш сайт на WordPress
Сократите время загрузки даже на 50-80%

, просто следуя простым советам.

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

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

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

Если вы планируете запустить веб-сайт, вам нужно будет инвестировать в собственное доменное имя и веб-хостинг.В зависимости от ваших потребностей в хостинге затраты могут составлять от 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. Прокрутите вниз, пока не найдете код, показанный ниже:

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

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

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

Перезапустите все службы в WebServer с помощью специальной кнопки в меню, и теперь ваш сайт будет доступен для всех в Интернете. Обязательно измените все настройки брандмауэра ПК, которые блокируют веб-запросы.Кроме того, перенаправьте порт 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, не будут работать без него. Введите следующую команду для выполнения теста: статус службы MySQL. Он должен запуститься после нажатия клавиши 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 [email protected]
Имя_сервера желаемое имя.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-хостинг.

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

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

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

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

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

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

Локальный веб-сервер, по сути, настраивается путем установки на ваш компьютер программного обеспечения, предоставляющего ему возможности веб-сервера; он «местный», поскольку вы отвечаете за его управление. Мы покажем вам, как превратить ваш компьютер в HTTP-сервер, в основном на основе установки программного обеспечения Apache. Но сначала, вот некоторые предварительные требования:

  • Выделенный компьютер, который станет вашим сервером
  • Под управлением Windows или Linux, или компьютер Mac под управлением macOS
  • Интернет-соединение
  • Двухъядерный 2 ГГц или выше
  • 4 ГБ RAM
  • 1 ГБ свободного места на диске.

Как настроить локальный веб-сервер в Windows 10?

Windows 10 не основана на Unix, поэтому мы установим XAMPP, который представляет собой комбинацию Apache, MySQL и PHP. Чтобы установить XAMPP, сделайте следующее:

  1. Перейдите к XAMPP и продолжите установку версии для Windows.
  2. При появлении запроса запустите установщик.
  3. Выберите «Apache», чтобы установить только веб-сервер.
  4. После завершения установки нажмите «Готово», чтобы открыть панель управления XAMPP.

Чтобы подтвердить успешную установку, введите « 127.0.0.1 » или « localhost » в адресную строку браузера. Должна отобразиться страница конфигурации XAMPP.

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

В MacOS предварительно установлен веб-сервер Apache; чтобы включить его, сделайте следующее:

  1. Щелкните «Finder».
  2. Щелкните «Приложения»> «Утилиты», дважды щелкните «Терминал».
  3. Теперь введите и запустите эту команду, чтобы включить Apache:
    sudo apachectl start
  4. Чтобы подтвердить, что Apache активен, введите « 127.0.0.1 »или« localhost »из адресной строки браузера. Вы должны увидеть сообщение «Это работает!» сообщение.

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

Чтобы установить веб-сервер Apache в Ubuntu Linux 18.04, выполните следующие действия:

  1. Войдите в терминал и введите команду:
    sudo apt-get install apache2
  2. Подтвердите установку, затем расслабьтесь, пока установлен Apache.
  3. Чтобы убедиться, что установка прошла успешно, введите в адресную строку веб-браузера следующее:
    https: // local.server.ip
    • В веб-браузере вы должны увидеть страницу Apache2 Ubuntu по умолчанию.

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

  1. Войдите в терминал для Debian и дистрибутива на основе Ubuntu / Ubuntu и введите команду:
    sudo apt install apache2
    • Для CentOS и Red Hat введите команду:
    sudo dnf install httpd
  2. Для подтверждения установка прошла успешно, введите « localhost » или « 127.0.0.1 ”в свой веб-браузер.
    • На странице приветствия Apache по умолчанию должно отображаться «It Works».

Как настроить веб-сервер в локальной сети?

Теперь мы покажем вам, как настроить сеть LAN через Windows, которая подключается к Интернету. Прежде всего, вам понадобится следующее:

  • компьютер (сервер)
  • сетевой коммутатор
  • широкополосное соединение
  • маршрутизатор (со встроенным модемом)
  • устройства, которые вы хотите подключить к сети
  • Кабели Ethernet

Подключите свой первый компьютер:

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

  1. Щелкните «Центр управления сетями и общим доступом» в «Панели управления» или «Настройках».
  2. Выберите «Настроить новое соединение или сеть».
    • Следуйте инструкциям на экране.

Настройте Wi-Fi:

Если вы хотите, чтобы ваши устройства подключались к вашей сети по беспроводной сети, вам необходимо настроить Wi-Fi; в противном случае вы можете использовать кабели Ethernet.

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

  • Рассмотрите возможность изменения SSID по умолчанию (имя сети), входа в систему Wi-Fi и пароля. Это можно сделать, войдя в свой маршрутизатор, выполнив настройки сети или используя веб-браузер на вашем компьютере.
  • Обязательно выберите самую передовую защиту — в настоящее время это WPA2.
  • Теперь, чтобы изменения вступили в силу, перезагрузите компьютер.

Подключите вашу локальную сеть к Интернету:

Для доступа к локальной сети подключите маршрутизатор и модем к основной телефонной линии, используя порт WAN.

Подключите свои устройства к локальной сети:

Независимо от того, подключили ли вы свои устройства к локальной сети через Wi-Fi или кабель Ethernet, выполните следующие действия:

  • Включите Wi-Fi на своих устройствах.
  • Выберите свою сеть
  • Введите новый пароль при появлении запроса

Для подключения к локальной сети с помощью кабелей Ethernet:

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

Теперь начните совместное использование:

Чтобы настроить «домашнюю группу» для совместного использования ресурсов в сети, выполните следующие действия:

  1. Перейдите в «Панель управления»> «Сеть и Интернет»> «Домашняя группа».
  2. Выберите «Создать домашнюю группу», запустится мастер настройки домашней группы и даст вам пароль, необходимый для подключения других устройств к локальной сети.

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

  • Щелчок правой кнопкой мыши по файлам или папкам> «Поделиться с…»
  • Добавление файлов в общие папки и включение «Общий доступ к общим папкам» »Через Центр управления сетями и общим доступом.

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

Теперь мы покажем вам, как настроить локальный веб-сервер для тестирования. Для установки Python в Windows выполните следующие действия:

  1. Перейдите на домашнюю страницу Python python.org.
  2. В разделе «Загрузить» выберите ссылку Python «3.xxx».
  3. В нижней части экрана выберите EXE-файл «Windows x86» для загрузки.
  4. Запустить файл при загрузке.
  5. На первой странице обязательно выберите «Добавить Python 3.xxx в ПУТЬ ”.
  6. Выберите «Установить», затем «Закрыть» по завершении.
  7. Войдите в командную строку и введите эту команду, чтобы проверить успешность установки:
    1. python -V
    2. # Или у вас может быть доступна команда py,
    3. # в этом случае попробуйте py -V

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

  1. # добавьте имя каталога для входа, e.г.
  2. cd Desktop
  3. # при необходимости используйте две точки для подъема на уровень каталога

cd ..

Теперь, чтобы запустить сервер в каталоге, введите следующие команды:

  1. # Если отображаемая версия Python больше 3.X
  2. python3 -m http.server
  3. # В Windows в качестве альтернативы введите «python» для замены «py -3» или «python3»
  4. # Если Python версии 2.Отображается X

python -m SimpleHTTPServer

Чтобы просмотреть список содержимого в каталоге, перейдите на сервер из адресной строки веб-браузера и введите « localhost: 8000 »

Если порт 8000 является уже занят, используйте другой порт, например:

  • python3 -m http.server 7800 (Python 3.x) или
  • python -m SimpleHTTPServer 7800 (Python 2.x)

Затем введите « localhost: 7800 ”для доступа к серверу.

Как настроить локальный веб-сервер в Windows 10 и MAMP?

Для новой установки MAMP / MAMP PRO в Windows 10 выполните следующие действия:

  1. Перейдите на сайт www.mamp.info и загрузите его.
  2. Перейдите в папку загрузок и дважды щелкните файл « setup_MAMP_MAMP_PRO_4.x.exe».
  3. Для установки следуйте инструкциям на экране.

Примечание: будут установлены папки MAMP PRO « C: \ MAMP PRO » и MAMP « C: \ MAMP» , игнорируйте папку MAMP PRO, если вы не хотите использовать профессиональную версию.

Теперь, чтобы запустить MAMP и проверить успешность, сделайте следующее:

  1. В проводнике Windows перейдите к «C: \ MAMP» и откройте «MAMP.exe». файл. Разрешите доступ, если получите предупреждение системы безопасности.
    • Сервер Apache и сервер MySQL должны запуститься автоматически, если не щелкнуть «Запустить серверы».
  2. В меню MAMP нажмите «Настройки».
  3. Введите « 8888 » в поле порта Apache.
  4. Выберите «Открыть веб-страницу».
    • «Добро пожаловать! MAMP успешно установлен », должна отобразиться страница.

Дополнительные ответы на часто задаваемые вопросы

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

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

Что такое локальная сеть?

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

Что такое WAN?

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

От обычного компьютера к мощному веб-серверу

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

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

Настройка локального веб-сервера в Windows, Mac и Linux

При разработке веб-сайта веб-дизайнер должен иметь возможность видеть свои веб-страницы так же, как и конечный пользователь.Иногда достаточно просто щелкнуть и просмотреть ваши HTML-файлы в веб-браузере, но если вы хотите протестировать динамическое содержимое, вам потребуется настроить локальный веб-сервер. Это довольно просто сделать в Windows, macOS и Linux. Доступно множество типов веб-серверов, но в этом руководстве мы используем Apache, поскольку это наиболее распространенный сервер, очень простой в настройке и совместимый со всеми основными операционными системами.

Также читайте: 6 лучших статических CMS для вас

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

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

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

Для дистрибутивов на основе Debian, Ubuntu и Ubuntu:

для Red Hat и CentOS

После установки перейдите в веб-браузере к «127.0.0.1 »или« localhost ». Если отображается «Это работает!» это означает, что установка Apache прошла успешно.

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

Откройте index.html от имени пользователя root в своем любимом текстовом редакторе.

Искать «Это работает!» и измените текст на что-нибудь случайное, например «Упростите технологию!» (На самом деле это может быть что угодно.) Не забудьте сохранить файл.

Теперь обновите веб-страницу на 127.0.0.1. Вы должны увидеть «Сделайте технологию проще!» где «Это работает!» было раньше.

Теперь, когда вы настроили простой веб-сервер, вы можете поиграть с настройками конфигурации в «apache2.conf».

 Судо нано /etc/apache2/apache2.conf 

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

 sudo systemctl перезапустить apache2 

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

 sudo /etc/init.d/apache2 перезапуск 

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

В macOS хорошо то, что Apache установлен по умолчанию. Все, что вам нужно сделать, это включить его.

В Finder перейдите в «Приложения -> Утилиты», затем дважды щелкните Терминал, чтобы открыть его.

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

Чтобы проверить, что наш веб-сервер работает, перейдите к «127.0.0.1 »или« localhost »в вашем веб-браузере.

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

 компакт-диск / Библиотека / WebServer / Documents / 

Теперь отредактируйте файл index.html.en с помощью вашего любимого текстового редактора. Измените «Это работает!» в "Hello World!"

Если мы обновим нашу веб-страницу, размещенную на 127.0.0.1, теперь мы увидим отраженные изменения.

Для дальнейшей настройки веб-сервера Apache под macOS перейдите к файлу «httpd.conf».

 Судо нано /etc/apache2/httpd.conf 

Как и Linux, вы можете легко перезапустить службу Apache с помощью команды apachectl с привилегиями root.

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

В отличие от Linux и macOS, Windows не основана на Unix, поэтому для ее установки не требуется однострочный интерфейс. К счастью, есть несколько мастеров установки, которые объединяют такие вещи, как Apache, MySQL и PHP, чтобы облегчить нам жизнь.Один из них - XAMPP.

Примечание : XAMPP также доступен для Linux и Mac OS X.

Загрузите версию XAMPP для Windows и начните установку. При появлении запроса запустите установщик. Вы можете выбрать только Apache, если вам нужен только веб-сервер. Однако, если вы планируете использовать базу данных, вы также можете выбрать MySQL.

Продолжите установку и по завершении нажмите «Готово». По умолчанию будет запущена панель управления XAMPP.

При необходимости нажмите «Пуск» для Apache и MySQL.

Если вы перейдете к «127.0.0.1» или «localhost» в своем веб-браузере, вы должны увидеть страницу конфигурации XAMPP.

Процедура создания новой веб-страницы такая же. Откройте блокнот и создайте образец HTML-файла. Назовите его hello.html.

Сохраните его в корне документа, расположенном в «c: \ xampp \ htdocs \».

Перейдите к нему с помощью веб-браузера, перейдя по адресу 127.0.0.1/hello.html. Вы увидите созданную вами веб-страницу.

Примечание. WampServer - еще один надежный вариант для установки Apache в Windows.

Также читайте: Как установить и запустить сервер Nginx в Windows

Заключение

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

Эта статья полезна? да Нет

Уильям Элкок

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

Как разместить веб-сайт (Простое руководство для начинающих) в 2021 году

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

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

Это просто неправда.

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

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

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

Готовы? Давайте начнем.

Вот что вы узнаете из этого руководства.

Что означает размещение веб-сайта?

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

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

Основная задача веб-сервера - получать входящие запросы и отвечать, отправляя запрошенную страницу в браузер пользователя.

Все это может звучать как набор технического жаргона, и это так.

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

Все веб-сайты в Интернете используют хостинговую компанию для размещения своих веб-сайтов.Даже такие технологические гиганты, как Netflix (размещенный на Amazon) и PayPal (размещенный на облачном хостинге Google), используют сторонних поставщиков услуг для своего хостинга.

Лишь несколько компаний, таких как Google, Microsoft и Amazon, полностью размещают все свои сервисы на своих собственных платформах.

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

Что нужно для хостинга веб-сайта

Для размещения веб-сайта вам потребуются следующие две вещи.

  • Провайдер услуг веб-хостинга
  • Доменное имя

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

Итак, как пользователи попадают на ваш автономный веб-сайт? Вот здесь и появляются доменные имена.

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

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

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

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

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

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

Типы услуг хостинга веб-сайтов

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

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

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

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

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

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

Цены: от 2,75 до 7,99 долларов в месяц

Подходит для: Создание нового блога, веб-сайт малого бизнеса

Наш рекомендуемый провайдер виртуального хостинга: Bluehost

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

2. Хостинг VPS

Хостинг

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

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

Стоимость: от $ 29,99 в месяц

Подходит для: среднего бизнеса, популярных блогов и магазинов электронной коммерции.

Наша рекомендуемая хостинговая компания VPS: HostGator

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

3. Управляемый хостинг WordPress

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

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

Стоимость: от 35 долларов США в месяц

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

Наша рекомендуемая управляемая хостинговая компания WordPress: WP Engine

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

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

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

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

Цена: от 79 долларов.99 мес

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

Наша рекомендуемая выделенная хостинговая компания: SiteGround или HostGator.

Примечание. Мы используем специальные выделенные серверы SiteGround для размещения веб-сайта WPBeginner.

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

Выбор подходящего плана для размещения веб-сайта

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

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

Планы общего хостинга

начинаются с 7,99 долларов в месяц (оплачиваются ежегодно) и от 14,99 долларов за доменное имя.

Теперь, если вы только начинаете, это все еще значительные вложения.

К счастью, Bluehost согласился предложить нашим пользователям скидку на хостинг и бесплатное доменное имя.Обычно вы можете начать работу за 2,75 доллара в месяц.

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

→ Нажмите здесь, чтобы воспользоваться этим эксклюзивным предложением Bluehost ←

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

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

Сколько стоит хостинг веб-сайта

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

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

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

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

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

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

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

Да, можно.

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

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

См. Наши руководства по настройке локального сервера в Windows и Mac.

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

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

Перевод локального хост-сервера в оперативный режим

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

Сначала найдите файл конфигурации программного обеспечения веб-сервера с именем httpd.conf.

Если вы используете WAMP в Windows, вы найдете его в папке C: \ wamp \ bin \ apache \ apache [версия #] \ conf].

Пользователи

MAMP на Mac найдут его в папке / Applications / MAMP / conf / apache /.

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

.

Слушайте 80

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

Слушайте 64.233.160.1:80

Далее вам нужно найти следующую строку:

Имя сервера localhost: 80

Теперь измените его, заменив localhost: 80 своим IP-адресом.

Имя сервера 64.233.160.1

Далее вам нужно найти следующую строку для WAMP:

Если вы используете MAMP, найдите следующую строку:

Под этой строкой вы увидите права доступа, которые необходимо заменить на следующие:

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

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

Теперь любой желающий может использовать ваш IP-адрес для доступа к вашему сайту вместо localhost. Это не идеальная ситуация, так как вашим пользователям будет сложно запомнить IP-адрес.

Вот здесь и пригодятся доменные имена.

Указание вашего доменного имени на локально размещенный веб-сайт

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

Во-первых, вам нужно изменить настройки DNS вашего доменного имени.На скриншотах ниже мы используем Domain.com:

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

В поле значения вам необходимо ввести IP-адрес вашего компьютера и нажать кнопку «Обновить DNS», чтобы сохранить изменения.

Если компьютер с вашим локальным сервером напрямую подключен к Интернету, то все готово.

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

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

Далее вам необходимо перенаправить веб-трафик или HTTP-трафик на порт 80. В поле IP-адреса вам необходимо ввести IP-адрес вашего компьютера в локальной сети. Этот IP-адрес является внутренним адресом, который идентифицирует ваш компьютер в локальной сети.

После этого нужно применить изменения и перезагрузить роутер.

Недостатки самостоятельного хостинга веб-сайта

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

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

  • Чтобы запустить веб-сервер, вам необходимо установить его на компьютер, подключенный к высокоскоростному Интернет-соединению 24 часа в сутки.
  • Вам также необходимо настроить и установить обновления для программного обеспечения веб-сервера, сохранить резервные копии, запланировать резервный сервер и многое другое.
  • Компьютер, на котором размещен ваш веб-сайт, также будет открыт для попыток взлома, внедрения вредоносных программ и DDOS-атак. Это также может повлиять на безопасность всех других компьютеров в вашей сети.
  • Вам необходимо будет приобрести статический IP-адрес у своего интернет-провайдера, что будет стоить вам дополнительных затрат.

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

Часто задаваемые вопросы о хостинге веб-сайтов

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

1. Зачем мне нужен хостинг-провайдер для размещения веб-сайта?

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

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

2. Могу ли я купить доменное имя и хостинг у двух компаний?

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

3. Могу ли я купить доменное имя и разместить свой сайт позже?

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

Мы рекомендуем Domain.com для регистрации доменного имени. Они предлагают удобные для новичков инструменты управления доменами, которые в дальнейшем упростят подключение вашего домена к любому хостинг-провайдеру.

Вы также можете использовать наш код купона Domain.com, чтобы получить дополнительную скидку 25% при регистрации новых доменов.

4. Могу ли я разместить свой веб-сайт на моем локальном компьютере, а затем перенести его на хостинг-провайдера?

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

5. Могу ли я разместить веб-сайт у одного провайдера, а затем сменить его на другого?

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

6. Где разместить свой веб-сайт?

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

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

Для начинающих сайтов мы рекомендуем Bluehost. Они автоматически устанавливают WordPress и предлагают удобную для новичков панель инструментов, встроенное кеширование, безопасность и многое другое.Вдобавок ко всему, они предлагают читателям WPBeginner скидку на хостинг + бесплатное доменное имя.

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

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

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

Если вам понравилась эта статья, то подпишитесь на наш канал YouTube для видеоуроков по WordPress. Вы также можете найти нас в Twitter и Facebook.

Как запустить локальный веб-сервер из любого каталога

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

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

Node.js

Если вы используете Node.js и уже установили его вместе с NPM (установка занимает буквально пару минут), модуль http-server может быть хорошим выбором для этой цели.

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

Выполните следующую команду, чтобы установить модуль http-server глобально на вашем компьютере, чтобы вы могли запускать его из любого каталога через командную строку:

  $ npm установить http-сервер -g
  

После завершения установки вы можете запустить команду http-server в любом каталоге, чтобы быстро запустить веб-сервер. Например, если вы хотите запустить веб-сервер из / opt / sites / blog , используйте следующие команды:

 
$ cd / opt / sites / blog


$ http-сервер
  

Вот и все.Теперь вы можете посетить http: // localhost: 8080, чтобы получить доступ к своим файлам.

По умолчанию http-server использует порт 8080 для запуска сервера. Однако вы можете использовать флаг -p , чтобы указать порт по вашему выбору:

 
$ http-сервер -p 4000
  

Питон

Если вы используете Python и он уже установлен, вы можете использовать модуль SimpleHTTPServer для запуска веб-сервера из любого локального каталога.

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

 
$ cd / opt / sites / blog


$ python -m SimpleHTTPServer 8080
  

Приведенная выше команда запустит веб-сервер на порту 8080 .Если вы используете Python 3.x или выше, вы должны использовать:

  $ python -m http.server 8080
  

PHP

Если вы уже используете современную версию PHP (5.

Leave a Reply