Как запустить сайт на локальном компьютере: Как запустить сайт на своем компьютере? — Хабр Q&A

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

У меня в машине есть репозиторий svn. Веб-сайт размещен локально в моей машине. Я получаю доступ к нему через адрес localhost. Как разместить сайт с сервера svn на сервер IIS server.I используйте…

Я сделал сайт, используя фреймворк Laravel 5, но я сделал сайт на своем локальном сервере (localhost). Теперь я хочу разместить этот сайт, как и другие сайты, которые мы размещаем на сервере, но…

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

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

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

Как разместить сайт angular 2? Я новичок в angular 2, и я сделал простой веб-сайт без бэк-энда. Мне было интересно, что когда я пытался открыть непосредственно файл index.html, он открывается с…

Я пытаюсь разместить свой сайт Laravel на Netlify . Первоначально я использовал Laravel Forge для развертывания и размещения своего веб-сайта. Сценарий развертывания, который использовался в Laravel…

Я построил веб-сайт в Haskell (используя Happstack), который теперь хочу разместить где-нибудь. Я построил его на Windows, используя ghc для создания файла под названием website.exe. Это моя первая…

Мне было интересно, как разместить файл на localhost с Python. Я видел некоторые вещи на нем, но ничто из того, что я видел, действительно не говорит вам, как это сделать.

Как установить и настроить OpenServer

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

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

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

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

1. Первым шагом будет переход на официальный сайт, где нужно нажать по кнопке «Скачать» (она располагается на верхней панели). 
2. Выберите базовую версию в выпадающем меню и начните ее загрузку.
3. Вы можете внести добровольное пожертвование разработчикам, чтобы скачать инсталлятор на максимальной скорости, либо же сразу же запустить загрузку.
4. Ожидайте завершения скачивания, а затем запустите полученный EXE-файл.
5. Задайте путь, куда будет установлен локальный сервер, и нажмите «Извлечь». Обязательно запомните этот путь, ведь по нему в будущем придется постоянно переходить.
6. Дождитесь окончания извлечения.
7. Перейдите по пути установки программы и запустите находящийся там исполняемый файл.
8. Выберите удобный язык интерфейса.
9. Вы будете уведомлены, что запуск осуществляется впервые, а это значит, нужно установить патчи для Microsoft Visual C++. Обязательно подтвердите эту операцию.

После установки и перезагрузки компьютера можно переходить к следующему этапу взаимодействия с OpenServer.

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

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

1. После запуска сервера обратите внимание на панель задач. Там щелкните по значку OpenServer.
2. В появившемся меню нажмите по кнопке «Запустить».
3. После этого наведите курсор на «Мои проекты» и выберите там «localhost».
4. Откроется новая страница в браузере по умолчанию, где вы получите уведомление о нормальной работе локального сервера.

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

Первоначальная настройка OpenServer

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

1. Через то же меню программы перейдите в раздел «Настройки».
2. Здесь в первой же вкладке «Основные» можете поменять визуальное оформление и выбрать оптимальный язык интерфейса.
3. Далее отметьте галочками пункты «Запускать вместе с Windows» и «Требовать учетную запись Администратора». Так сервер не придется каждый раз включать вручную, а использование привилегированного пользователя запретит остальным юзерам вмешиваться в работу софта.
4. Переместитесь на вкладку «Меню», где активируйте параметр «Показывать сайты в главном меню». Это позволит сразу через меню переходить к добавленным доменам, экономя свое личное время.
5. Здесь же можно выбрать браузер, который нужно использовать для открытия веб-страниц, если он будет отличаться от того, что установлен в ОС по умолчанию.
6. Откроется окно «Проводника», где вам нужно найти исполняемый файл веб-обозревателя и выбрать его.

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

Читайте также

Установка WordPress на OpenServer

WordPress – одна из самых популярных систем управления контентом. Установка WordPress на OpenServer тоже может понадобиться, ведь иногда есть необходимость протестировать проект в полностью готовом виде. Разделим процесс инсталляции на основные этапы, чтобы упростить процесс понимания.

Шаг 1: Скачивание и распаковка WordPress

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

1. Перейдите на официальный сайт CMS и нажмите по кнопке «Получить WordPress».
2. Подтвердите начало загрузки компонента.
3. По завершении создайте каталог с произвольным названием в папке «domains», которая находится в корне OpenServer.
4. Затем распакуйте туда файлы полученного архива.

Шаг 2: Создание базы данных и пользователя для phpMyAdmin

Второй этап – настройка базы данных и пользователя через компонент сервера под названием phpMyAdmin. 

1. Для этого откроем меню OpenServer. Наведите курсор на «Дополнительно» и выберите первый пункт в появившемся списке.
2. Панель управления phpMyAdmin откроется в новой вкладке браузера. Там введите пользователя root и пароль root (доступы по умолчанию).
3. После авторизации переключитесь на вкладку «Учетные записи пользователей» и нажмите «Добавить учетную запись пользователя».
4. Заполните основную информацию: имя пользователя и пароль, а также отметьте галочками абсолютно все присутствующие на странице пункты.
5. После сохранения база данных с аналогичным пользователю именем появится в меню слева.

Шаг 3: Настройка файла wp-config

Завершающий этап конфигурирования – настройка файла wp-config.php. Здесь от пользователя требуется выполнить всего несколько простых действий:

1. Перейдем в папку, куда было распаковано содержимое архива. Переименуйте файл wp-config-sample.php в wp-config.php.
2. Откройте его для редактирования через любой редактор кода, например, NotePad++ или SublimeText. Там найдите параметры имени базы данных и пароль, отталкиваясь от оставленных комментариев. Поменяйте их на те, которые вводили в phpMyAdmin, и сохраните изменения. Имя базы данных совпадает с именем пользователя, поскольку при создании был отмечен галочкой соответствующий параметр.
3. Осталось только через меню OpenServer запустить свой сайт.
4. Должна появиться вкладка «Добро пожаловать», что означает успешное завершение установки.

Осталось только выполнить инструкции, отобразившиеся в этой же вкладке, чтобы начать работу с WordPress. Готово! 

Решение возможных проблем с работой OpenServer

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

Причина 1: Действие антивируса

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

Причина 2: Изменения файла hosts

В операционной системе Windows есть файл hosts, который отвечает за совмещение доменных имен с IP-адресами. Если программа OpenServer внесет туда изменения, вполне возможно, что появятся проблемы при запуске сервера, поэтому советую перейти в настройки ПО, открыть вкладку «Сервер» и отметить галочкой пункт «Не вносить изменения в HOSTS файл».

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

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

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

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

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

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

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

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

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

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

https://ospanel.io/download/

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

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

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

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

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

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

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

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

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

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

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

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

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

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

localhost

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

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

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

ru.wordpress.org

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

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

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

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

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

root

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

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

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

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

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

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

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

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

wp-config-sample.php

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

wp-config.php

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

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

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

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

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

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

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

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

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

Вступление

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Копия сайта

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

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

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

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

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

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

Вывод

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

©joomla3-x.ru

Еще статьи

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Стоимость

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

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

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

Доступность

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

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

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

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

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

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

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

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

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

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

Наличие

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

Стоимость

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Заключение

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

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

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

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

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

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

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

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

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

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

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

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

Важно отметить, что существует два способа разместить веб-сайт: (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, от 4 долларов.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 (4,99 доллара в месяц) и WP Engine (25 долларов в месяц — высокопроизводительный хост).

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

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

5 основных советов по ускорению работы вашего сайта на WordPress

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

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

Как самостоятельно разместить домен / сайт?

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

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

1. Зарегистрируйте доменное имя

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

2.Код вашего сайта

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

3. Узнайте, какой у вас IP-адрес

4. Укажите ваше доменное имя на IP-адрес вашего компьютера.
Получите статический IP-адрес для вашей машины в вашей сети.Статический IP-адрес — это неизменяемый IP-адрес, который идентифицирует вашу машину в сети. Ваш маршрутизатор стоит между вашим компьютером и остальным Интернетом. Дайте вашему маршрутизатору IP-адрес, для которого вы открываете порт, чтобы он был доступен остальной части Интернета.

5. Узнайте, поддерживает ли ваш провайдер хостинг

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

6.Убедитесь, что ваш домашний компьютер поддерживает хостинг

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

7. Убедитесь, что ваш компьютер защищен

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

8. Загрузите программу AMP

AMP — это сокращенная версия веб-стека Apache, Mysql, PHP.Вот один из них, который вы можете попробовать, если вы пользователь Windows. Он называется WampServer.

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

10. Скопируйте исходный код своего веб-сайта в корневую папку WampServer

11. Запустите свой AMP-сервер
Теперь ваш сайт будет работать!

Причин разместить собственный домен / сайт:

Веские причины:

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

Не очень важные причины:

• У вас есть идея, и вы просто хотите ее проверить:
  Рискованный ход. Если эта идея касается выборочной группы клиентов, первое впечатление имеет первостепенное значение. Самостоятельный веб-сайт (как бы круто он ни работал) вряд ли воздаст должное.
• Вы думаете, что хостинг стоит дорого:
  Это огромный миф. В ResellerClub доступно несколько вариантов веб-хостинга по цене от 0,49 доллара в месяц. Кроме того, преимущества перевешивают стоимость, поскольку хороший пакет хостинга может предоставить услуги, которые вы действительно не можете найти дома, такие как безопасность, резервное копирование и т. Д.

Итак, вот где вы можете столкнуться с некоторыми ударами:

• Время работы
  Ваш компьютер должен быть постоянно включен.Если ваш компьютер перезагружается, выключается, взломан или не подключен к источнику питания, ваш веб-сайт будет недоступен.
• Производительность и впечатления посетителей
  Даже если у вас есть высокоскоростное соединение от вашего интернет-провайдера, его будет недостаточно, чтобы соответствовать скорости, которую может предоставить хорошая хостинговая компания. Учитывая статистику того, как долго посетители ждут загрузки веб-сайта (менее 3 секунд), самостоятельный хостинг — не лучшая идея для серьезного веб-сайта.
• Безопасность
  Существует множество потенциальных угроз безопасности веб-сайтам и компьютерам, на которых они размещены, включая вас.Вы можете повредить или удалить важные файлы со смертельным исходом. Что касается онлайн-угроз, вам понадобится все, от сертификатов безопасности до брандмауэров и средств удаления вредоносных программ, чтобы быть полностью защищенным. Все это платные услуги, и вы также можете заключить выгодную сделку с хостинговой компанией.
• Вы не сможете размещать веб-сайты с высоким трафиком.
  Пропускная способность, которую предоставляет ваш интернет-провайдер, определенно не приблизится к той, которая вам потребуется для веб-сайта с большим количеством посетителей.Только с хостинговой компанией вы можете заключить выгодную сделку, соответствующую требованиям вашего сайта.
• Вы будете посвящать почти все свое время своему веб-сайту.
  Это будет включать мониторинг вашего веб-сайта, обслуживание оборудования вашего компьютера и обеспечение актуальности программного обеспечения сервера.
• Вам нужно будет оплачивать огромные счета за электроэнергию.
  Как мы упоминали ранее, ваша машина должна работать круглосуточно и без выходных.

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

Запуск веб-сайта на локальном компьютере с использованием IIS

IIS поставляется с операционной системой Windows XP, а также с серверной операционной системой Windows.

Установка

Открытие панели администратора IIS

Конфигурация IIS

Открытие сайта

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

Прочтите, как настроить и запустить php в IIS

Установка PHP5 в IIS на платформах Windows

Эта статья написана plus2net.com team.

Прокомментируйте эту статью первым:

Как разместить веб-сайт в 2021 году — домашний хостинг «бесплатный»?

Замечательно, вы решили, что вам нужен веб-сайт — это означает, что новый проект вот-вот достигнет мира через чудеса Интернета! 🦄

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

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

1. Во-первых, для решения загадки нашего веб-сайта нам необходимо понять, что такое сервер и как он работает. Если вы знакомы со всем этим, не стесняйтесь переходить к следующей части, ..
2. … где мы узнаем, как настроить и запустить собственный веб-сервер дома (и обсудим, почему это называется «трудным путем»).
3. Наконец, мы рассмотрим несколько более простую альтернативу — да, как вы уже догадались, аренда сервера — и посмотрим, как этот подход может быть более рентабельным , чем кажущийся «бесплатным» домашний сервер.

Давайте нырнем:

Состав веб-сервера

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

В принципе, любой компьютер (включая ваш смартфон) может стать веб-сервером — все, что для этого нужно, — это выполнить несколько условий:

• Стабильное интернет-соединение , предпочтительно высокоскоростное соединение, чтобы иметь возможность принимать запросы от посетителей и обслуживать их файлы 24/7.Веб-сайт, который доступен только в дневное время, мог бы сработать для молодого Илона Маска в 1995 году, но в 2021 году этого не будет.
• Специализированное программное обеспечение , которое может получать запросы из сети и правильно отправлять файлы веб-сайта на компьютер пользователя.
• Достаточные ресурсы , включая хранилище, память и вычислительную мощность, чтобы иметь возможность очень быстро генерировать ответы и поддерживать несколько (или много) одновременных сеансов.

Хорошо, кажется, что 2-й и 3-й требуют большего внимания, но первый — кусок пирога, не так ли?

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

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

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

Но давайте сделаем еще шаг назад.

Компьютер, который должен быть в сети 24/7, в первую очередь должен быть , на котором работает 24/7 — это означает, что любые автоматические обновления, которые перезапускают вашу машину, сбои в электросети или даже простые неуклюжие аварии с кабелем — все это съедает сам время безотказной работы сервера — даже без учета подключения к Интернету.

***

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

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

• Сам веб-сервер , часть программного обеспечения, которое координирует весь клиент-серверный шебанг: то есть что-то, способное принимать запросы от удаленных пользователей и отправлять им файлы веб-сайта, является правильным способом. Самыми популярными сегодня веб-серверами являются Apache и Nginx .
• База данных , в которой будут храниться данные веб-сайта, такие как контент и настройки. Безусловно, самый популярный бесплатный движок баз данных в Интернете — это MySQL , который представлен во многих вариантах, включая наиболее распространенный MariaDB .
• Интерпретатор для файлов, написанных на языке сценариев, например PHP или Perl . Обычно он поставляется с модулями, которые расширяют его основные функции и позволяют другим частям сервера выполнять различные дополнительные задачи, такие как общение с базой данных или получение удаленных файлов.

Все это и несколько других второстепенных компонентов работают поверх операционной системы сервера — чаще всего Linux:

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

Вот суть —

Трудный путь: запуск собственного сервера дома

Что касается программного обеспечения, есть 4 основных бесплатных варианта для тех, кто хочет разместить веб-сайт локально; различия сводятся к интерфейсу, совместимости и дополнительным инструментам:

• WAMP, который был создан в основном для операционной системы Windows, как следует из его первой буквы;
• MAMP, пакет, ориентированный на пользователей MacOS, который также имеет рудиментарную версию Windows;
• LAMP, классический стек Linux для развертывания серверов, который расшифровывается как «Linux, Apache, MySQL и PHP»;
• XAMPP, удобное кроссплатформенное решение, доступное для всех основных операционных систем.

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

Помните основные компоненты сервера, которые мы описали ранее? В XAMPP все они аккуратно собраны в один пакет и настраиваются (почти) автоматически во время установки. Конечный результат выглядит примерно так:

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

***

ВАЖНО! Чтобы ваш домашний веб-сайт был доступен с использованием доменного имени (например, https: // yourdomain.com) вам необходимо убедиться, что ваш интернет-провайдер может предоставить вам статический IP-адрес .

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

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

***

Хорошо, при условии, что у нас есть статический IP-адрес, давай закатим рукава и выложим этот веб-сайт в Интернет:

Вы можете загрузить соответствующую версию XAMPP с их официальной домашней страницы; вот пошаговое руководство для начала:

1. Сам процесс установки довольно прост, вы можете просто щелкнуть «Далее» или «ОК» во всех запросах. Нажмите «Разрешить доступ», когда система попросит вас предоставить новые сетевые разрешения — этот бит необходим для правильного функционирования локального сервера.
2. После установки XAMPP вы можете открыть панель управления и запустить службы Apache и MySQL; соответствующие статусы должны стать зелеными, и вы должны увидеть тестовую страницу, если вы перейдете на http: // localhost в своем браузере.

3. Как мы упоминали ранее, использование готового модуля для вашей любимой CMS (например, WordPress или Joomla) сэкономит вам много времени по сравнению с ручной настройкой, поэтому для этого руководства давайте загрузим модуль WP из официального репозитория Bitnami.
4. Когда загрузка завершится, щелкните программу установки модуля и следуйте инструкциям; не забудьте снять галочку «Развернуть в облаке». — это платная функция, и вся цель нашего текущего квеста — добиться локальной настройки!
5. Когда это будет сделано, запустите приложение, и оно должно открыть новый четкий веб-сайт WordPress, который теперь доступен по адресу http: // localhost / wordpress .
6. Бум! Теперь у вас есть полностью работающий сайт WordPress на вашем локальном компьютере.Файлы будут находиться в папке C: \ xampp \ apps \ wordpress \ htdocs (это может измениться в зависимости от того, где вы установили XAMPP).
7. Если мы хотим, чтобы наш новый веб-сайт был доступен с любого другого компьютера в Интернете, нам нужно будет сделать еще две вещи. Во-первых, вам нужно будет купить доменное имя — лучший выбор доступен через более крупных провайдеров, таких как GoDaddy или Namecheap.
8. Во-вторых, нам нужно будет связать этот домен с вашим локальным веб-сайтом. Для начала перейдите по адресу C: \ xampp \ apache \ conf \ extra на вашем компьютере и откройте https-vhosts.conf с помощью блокнота или любого другого текстового редактора. Вставьте следующие строки внизу файла:

    
   ServerName  yourdomain.com 
   ServerAlias ​​ www.yourdomain.com 
   DocumentRoot " C: \ xampp \ apps \ wordpress \ htdocs "
   <‌ / VirtualHost>
    

   Замените выделенные жирным шрифтом части реальными данными там, где это необходимо. Сохраните и закройте файл.

9. Нам также потребуется настроить файл хоста операционной системы; вы найдете его в следующей папке — C: \ WINDOWS \ system32 \ drivers \ etc (или / private / etc / hosts , если вы работаете на компьютере Apple).Откройте файл и добавьте эту строку внизу:

    127.0.0.1 yourdomain.com 

10. Затем, если вы используете домашний маршрутизатор, вам нужно будет назначить статический IP-адрес вашему компьютеру в настройках маршрутизатора. Процедура зависит от модели вашего маршрутизатора, поэтому, пожалуйста, обратитесь к его руководству для получения точного набора шагов (подсказка: ищите ключевое слово «DHCP»).
11. Пока мы занимаемся этим, добавьте правило маршрутизации для направления вашего внешнего (фиксированного) IP-трафика на статический IP-адрес вашего устройства в панели администратора вашего маршрутизатора.Опять же, очень многое зависит от марки и модели вашего роутера.
12. Наш веб-сайт теперь доступен в Интернете через IP-адрес. Все, что осталось сделать, это указать A-запись вашего домена на этот IP-адрес в настройках DNS. Опять же, это будет сильно варьироваться в зависимости от поставщика домена — обратитесь к их документации или поддержке для уточнения деталей.
13. Обратите внимание, что для распространения настроек DNS в Интернете может потребоваться несколько часов. Чтобы проверить, все ли работает, посетите yourdomain.com в своем браузере, желательно за пределами вашей домашней сети (например.г. используя данные 4G на вашем мобильном телефоне).

И готово! Кусок торта 🍰

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

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

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

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

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

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

• Учетная запись администратора базы данных MySQL по умолчанию (также известная как пользователь root) не имеет пароля, другими словами, свободный доступ для всех.
• ProFTPD, связанная служба передачи файлов, использует известную комбинацию имени пользователя и пароля («lampp» для пользователя «демон»).
• Пользователи по умолчанию другого включенного программного обеспечения, такого как сервисы Mercury и FileZilla, также не являются секретом.

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

К счастью, большинство руководств доступно в разделе How-To вашей панели инструментов XAMPP по этой ссылке: http: //localhost/dashboard/howto.html .

***

Но почему мы упомянули, что стоит — разве наш самодельный сервер не должен быть бесплатным по определению ?!

Ну, как хорошо заметил капитан,

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

За скромный 60-ваттный компьютер и среднюю цену на электроэнергию 0,13 доллара США за кВт-ч вы будете платить 5–6 долларов в месяц за сок домашнего сервера.

Ожидайте, что будете платить примерно на 50% больше в таких штатах, как Нью-Йорк, и на 200% больше в таких местах, как Гавайи; если вы живете в Европейском Союзе, затраты на электроэнергию вашего сервера будут ближе к 6-9 евро в месяц.

Плюсы и минусы «домашнего хостинга»

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

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

• Затраты на электроэнергию: Как упоминалось выше, ваш домашний сервер будет потреблять от 5 до 10 долларов за электроэнергию, и это если вам повезло жить в месте с низкой ценой за кВт / ч.
• Требуется статический IP-адрес: Ваш провайдер интернет-хостинга должен иметь возможность предоставить вам фиксированный IP-адрес (обычно за дополнительную плату), чтобы ваше доменное имя было стабильным.
• Низкая безопасность: , поскольку XAMPP в основном предназначен для локальной разработки, его безопасность далека от уровня, достаточного для системы, доступной для внешнего мира.
• Обслуживание вручную: вам нужно будет самостоятельно настроить домашний сервер и управлять им, что включает регулярные обновления, контроль безопасности и мониторинг работоспособности.
• Более низкие скорости: Как мы упоминали ранее, большинство домашних интернет-провайдеров предлагают гораздо более низкие скорости загрузки, чем те, которые доступны в специализированных центрах обработки данных, что означает более высокую задержку для посетителей вашего веб-сайта.
• Проблемы со стабильностью: автоматические обновления, перебои в подаче электроэнергии и другие неудобства могут привести к отключению вашего сайта в любой момент.
• Требования к ресурсам: , если у вас нет действительно мощной машины, даже несколько одновременных посетителей могут заметно замедлить работу вашего сайта или привести к сбою. Низкий объем оперативной памяти также может мешать просмотру веб-страниц или играм на одном компьютере.

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

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

Простой способ: использование существующего управляемого сервера

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

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

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

Верна ли эта интуиция? Какова реальная стоимость домашнего сервера?

Зная то, что мы уже знаем о требованиях и настройке, давайте наберем числа:

• Счет за электроэнергию для компьютера, работающего круглосуточно и без выходных, составит около 5-8 долларов в месяц, в зависимости от вашего местоположения и конфигурации машины.
• Доменное имя все равно необходимо будет приобрести за дополнительные 1-2 доллара в месяц (цена типичного домена .com составляет около 10 долларов в год, а также новых доменных расширений, таких как .tech или .yoga . стоит дороже).
• Статический IP-адрес у вашего домашнего интернет-провайдера необходимо будет либо приобрести в качестве дополнительной опции, либо как часть (обычно более дорогого) бизнес-пакета, который может стоить где-то на 5-15 долларов больше, чем ваш пакет по умолчанию.

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

Более реалистичные оценки доходят до 25 долларов в месяц, что позволяет купить вам не только очень приличное облачное / VPS-решение, но даже недорогой выделенный сервер!

По сравнению с 11 долларами в месяц недорогой хостинг, такой как Warpgate (3 доллара в месяц, первый месяц бесплатно) или даже Hostinger (от 8 долларов в месяц, первый период 0,80 доллара США), больше не выглядит дорогим 🤷

Чтобы использовать первый в качестве примера, за фиксированную плату в размере 3 долларов в месяц вы получаете готовую установку WordPress менее чем за 1 минуту, 30-дневную пробную версию (карта не требуется) и бесплатное доменное имя навсегда.

«Есть ли уловка?», — можете спросить вы, и —

Какой метод выбрать?

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

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

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

Не совсем.

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

По сравнению с этим, стоит подумать о 3–5 долларах в месяц за автономное решение, такое как вышеупомянутый Warpgate (или любой другой недорогой хост), которое не требует от вас прохождения 12-шагового процесса настройки.

***

Есть вопросы о DIY-хостинге и его альтернативах? Есть личный опыт создания домашнего сервера? Напишите нам в комментариях, давайте поможем всем принимать более обоснованные решения!

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

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

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

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

https://janishar.com/

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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