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

Содержание

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

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

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

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

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

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

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

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

SimpleHTTPServer Python.

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

  1. Установить Python. Если вы пользуетесь Linux или Mac OS X, всё уже готово в вашей системе. Если вы пользователь Windows, вы можете скачать установочный файл с домашней страницы Python:

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

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

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

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

    localhost: 8000 в своём веб-браузере. Здесь вы увидите содержимое указанного каталога — щёлкните файл HTML, который вы хотите запустить.

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

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

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

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

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

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

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

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

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

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

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

«IP-адрес сервера», выставляем опцию «Все доступные IP».

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

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

Здесь нас интересует срока «IPv4-адрес». Это и есть ваш локальный IP-адрес компьютера. У меня он — 192.168.1.205, вот как раз его я и вбиваю в поле

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Установка XAMPP

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

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

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

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

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

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

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

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

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

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

Проверяем сайт через админку

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

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

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

Создание сайта на локальном сервере

Здравствуйте, уважаемые коллеги! Рад приветствовать вас на страницах блога WordPress-book.ru. Прочтя эту статью, вы узнаете, что такое локальный сервер, зачем он нужен и довольно быстро, сделаете из своего персонального компьютера это чудо информационных технологий, затем создадите на нем локальный WordPress сайт.

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

  • — Колоссальное удобство для web-мастера, который еще только планирует создание нового или очередного сайта в интернете. Можно сначала создать сайт локально, настроить его, выбрать и установить тему, подправить дизайн, установить требуемые плагины и так далее. А потом уже закачать его на хостинг для свободного доступа.
  • — Редизайн и другие ремонтные работы. Посетители увидят сразу готовый продукт, а не тот сырой материал, который будет в промежуточной стадии. Некоторые веб-мастера, на время проведения масштабных работ с сайтом, ставят на него так называемые «плагины-заглушки», тем самым теряя трафик. Посетитель вместо искомой информации видит страницу наподобие — «Сайт на реконструкции».

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

Создание локального сервера

Одни очень хорошие люди, чтобы облегчить нам жизнь, создали такой инсталляционный пакет, как XAMPP. XAMPP включает в себя дистрибутив Apache, содержащий MySQL, PHP и Perl. Вам почти ничего не придется делать (лень — двигатель прогресса), только несколько раз щелкнуть мышью. Почему XAMPP? Потому, что у него есть несколько, весьма весомых, преимуществ перед своими конкурентами:

  • — самый популярный PHP пакет разработчика;
  • — простая установка и настройка;
  • — полностью бесплатен.

Скачать пакет XAMPP можно с его страницы тут.

После скачивания, запустите установку. В процессе установки, ничего не меняйте, в каждом новом окне жмите кнопку «Next«.

ВАЖНО: В конце инсталляции, мой Skype блокировал установку локального сервера. Если у вас тоже стоит это приложение, временно его отключите.

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

На седьмом, заключительном  этапе установки, оставьте галочку у опции запуска панели управления и нажмите на кнопку «Finish«. Впоследствии, эту панель можно будет открыть двойным щелчком по файлу xampp-control.exe, который находится в папке хамппа (по умолчанию C:\xampp).

В открывшейся панели нажмите по очереди на кнопки «Start» для Apache и MySql.

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

Создание сайта на локальном сервере

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

Установка базы данных на локальный сервер

Откройте панель управления локальным сервером (файл xampp-control.exe) и нажмите на кнопку Admin для MySQL.

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

Перейдите в панели на вкладку «Базы данных» или по ссылке «Создать БД«.

Чтобы не запутаться в дальнейшем, в качестве имени базы данных впишите имя своего сайта (домен). На локальном сервере можно создать множество сайтов и для каждого из них, будет своя база данных. Нажмите на кнопку «Создать«. База данных создана, осталось установить WP.

Установка WordPress на локальный сервер

Скачайте архив последней версии WordPress со страницы ru.wordpress.org. Архив распакуйте и скопируйте папку «wordpress» в папку «htdocs» с установленным xampp.

Папку «wordpress» с вордпрессом переименуйте, дайте ей то имя, которое дали базе данных при ее создании. У меня это имя — WordPress-book. В этой, переименованной папке, найдите файл wp-config-sample.php.

Откройте его в текстовом редакторе, можно в простом блокноте, но лучше в Notepad++. Отредактируйте три строчки, как показано на рисунке ниже.

Не ошибитесь, в 19 строчке впишите имя своей, а не моей базы данных :-).

Сохраните файл как wp-config.php, без пристройки «sample«. Старый wp-config-sample.php можно удалить.

Теперь остался последний штрих. В адресной строке браузера наберите http://localhost/имя_базы_данных и нажмите клавишу enter на клавиатуре. Откроется следующая страница:

Внесите все необходимые данные и нажмите на кнопку «Установить WordPress«. Через несколько секунд вы будете извещены об успешном завершении операции.

Нажмите на кнопку «Войти«. Сами увидите что произойдет :-). Я вас поздравляю! Вы только что создали локальный сайт на локальном сервере!

Как разместить сайт на localhost?



Я зарегистрировал домен http:/ / ishaan.vv.si . Я хочу, чтобы если я редактирую файлы на своем компьютере, то изменения вносятся на мой сайт. В основном я хочу разместить свой сайт с моего локального компьютера в интернете. Пожалуйста, помогите.

hosting
Поделиться Источник Ishaan     13 февраля 2014 в 16:24

3 ответа


  • Как разместить сайт?

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

  • Как разместить сайт wordpress на Heroku

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



2

  1. Установите webserver
  2. Предоставьте порт, на котором он работает (вероятно, 80), Интернету
    • перенаправление портов с маршрутизатора
    • общедоступный адрес IP, назначенный компьютеру, на котором выполняется webserver
  3. Настройте запись A для вашего DNS, чтобы указать ishaan.vv.si на адрес IP, на котором вы запускаете сервер

Поделиться Quentin     13 февраля 2014 в 16:28


Поделиться Iqbal     13 февраля 2014 в 16:39



1

Используйте ngrok для подключения localhost к конечным точкам сети

Поделиться Ravneet Sidhu     16 июля 2016 в 00:17


  • Как разместить сайт xampp localhost онлайн?

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

  • как разместить сайт angular 2?

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


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


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

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


Как разместить сайт в svn локальном хосте на IIS сервере

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


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

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


Как разместить сайт?

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


Как разместить сайт wordpress на Heroku

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


Как разместить сайт xampp localhost онлайн?

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


как разместить сайт angular 2?

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


Как разместить сайт Laravel на Netlify?

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


(Как) я могу разместить сайт Haskell, построенный на Windows на CentOS / Ubuntu?

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


Как разместить файл HTML на localhost с python?

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

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



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

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

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

3 ответа




2

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

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

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

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

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

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

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



2

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

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

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

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



0

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

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

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



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


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

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


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

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


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

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


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

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


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

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


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

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


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

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


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

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


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

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


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

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

Как установить и настроить 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. В этом нет ничего сложного, а на весь процесс уйдет максимум полчаса.

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

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

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

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

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

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

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

.

Для этого:

  1. Установите Python. Если вы используете Linux или macOS, он уже должен быть доступен в вашей системе. Если вы пользователь Windows, вы можете получить установщик с домашней страницы Python и следовать инструкциям по его установке:

    • Перейти на python.org
    • В разделе «Загрузка» щелкните ссылку для Python «3.xxx».
    • Внизу страницы выберите исполняемый установщик Windows x86 и загрузите его.
    • Когда он загрузится, запустите его.
    • Убедитесь, что на первой странице установщика установлен флажок «Добавить Python 3.xxx в PATH».
    • Щелкните Install , затем щелкните Close , когда установка будет завершена.
  2. Откройте командную строку (Windows) / терминал (macOS / Linux).Чтобы проверить, установлен ли Python, введите следующую команду:

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

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

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

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

Модуль

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

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

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

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

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

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

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

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

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

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

Важно отметить, что существует два способа разместить веб-сайт: (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%

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

На этом этапе вам необходимо подтвердить, была ли установка MySQL успешной. Это потому, что системы CMS, такие как WordPress, не будут работать без него. Введите следующую команду для выполнения теста: состояние службы 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.У них нет инфраструктуры для процветания в Интернете.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

cd ..

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

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

python -m SimpleHTTPServer

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

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

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

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

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

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

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

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

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

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

Дополнительные ответы на вопросы

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

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

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

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

Что такое WAN?

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

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

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

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

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

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

Связанные : 6 лучших статических CMS для вас

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

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

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

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

для Red Hat и CentOS

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

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

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

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

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

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

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

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

 sudo systemctl apache2 перезапуск 

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Связанный : Как установить и запустить сервер Nginx в Windows 10

Заключение

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

Связанный:

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

Уильям Элкок

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

Как создать сайт на WordPress локально

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

Что означает строительство на местном уровне?

«Локальная среда разработки» или «разработка локально» просто означает размещение файлов веб-сайта на вашем компьютере, а не на серверах веб-хоста.

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

Если вы только начинаете заниматься веб-разработкой, возможно, вы создали несколько базовых сайтов с HTML и CSS, используя текстовые редакторы, такие как Atom, Sublime или Visual Studio Code. Эти простые сайты уже размещены локально.

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

Почему я должен создавать сайт WordPress локально?

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

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

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

  1. Быстрая установка - нет необходимости ждать хостинг-провайдера или настраивать доменное имя. Я работаю в нескольких малых предприятиях, и быстрое получение макета - огромное преимущество местной разработки.
  2. Низкая стоимость - хостинг и доменные имена могут быть дорогими. Локальная разработка бесплатна!
  3. Доменное имя не требуется - если вы не настроили доменное имя, вы все равно можете начать сборку локально.Это обеспечивает большую гибкость и избавит вас от необходимости переносить ваш сайт WordPress.
  4. Простое тестирование - когда вы разрабатываете локально, вы можете легче экспериментировать с плагинами, темами и индивидуальной разработкой. Не беспокойтесь, если вы сломаете свой сайт. Вы единственный человек, который может просматривать и использовать веб-сайт, поэтому двигайтесь быстро и ломайте вещи!
  5. Скорость сайта - когда вы обновляете свой веб-сайт, вам не нужно ждать, пока сервер отобразит страницу.Это похоже на работу в Интернете с мгновенной скоростью.

Как создать сайт WordPress локально

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

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

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

DevKinsta

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

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

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

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

XAMMP

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

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

Используя панель управления XAMPP, вы можете запустить веб-сервер Apache в качестве локального сервера и MySQL в качестве сервера базы данных. Вам нужно будет «запустить» модули Apache и MySQL с этой панели, чтобы эффективно превратить ваш компьютер в сервер. Вуаля - у вас есть сервер!

Помимо XAMMP вам потребуется загрузить WordPress из WordPress.орг. Распакуйте zip-файл в ... / XAMPP / htdocs / {здесь} . Теперь, когда MySQL и Apache включены, вы можете получить доступ к своему веб-сайту из браузера по адресу https: // localhost / wordpress /. Voilà - у вас есть основные файлы WordPress!

При переходе по вышеуказанному URL-адресу вам будет предложено следовать мастеру установки WordPress с еще одной важной технической установкой - базой данных.

Приложение phpMyAdmin поставляется с предустановленным XAMPP. Вы можете получить к нему доступ по адресу https: // localhost / phpmyadmin / .Здесь вы создадите свою базу данных, используя более простой интерфейс, с которым вы, возможно, уже знакомы.

Щелкните Базы данных , а затем Создать , чтобы быстро добавить новую базу данных. Вуаля - у вас есть нужная база данных!

Вернитесь на свой локальный веб-сайт по адресу https: // localhost / wordpress / и введите информацию о новой базе данных, используя «root» в качестве имени пользователя и без пароля.

Нажмите «Отправить», и на следующем экране будет завершена установка WordPress.Вам будет предложено выбрать имя сайта, имя пользователя и пароль. После этого вы можете получить доступ к бэкэнду вашего локального веб-сайта WordPress по адресу https: // localhost / wordpress / wp-admin.

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

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

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

Заключение

Локальная разработка WordPress - это то, что должно быть комфортно каждому разработчику WordPress.

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

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

.

Leave a Reply