Как запустить html-сайт в Интернете с компьютера

Обновлено: 21.11.2024

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

Какие варианты?

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

Получение хостинга и доменного имени

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

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

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

Советы по поиску хостинга и доменов

MDN не рекламирует конкретные коммерческие хостинговые компании или регистраторов доменных имен. Чтобы найти хостинговые компании и регистраторов, просто введите «веб-хостинг» и «доменные имена». У всех регистраторов будет возможность проверить, доступно ли нужное вам доменное имя.
Ваш домашний или офисный интернет-провайдер может предоставить ограниченный хостинг для небольшого веб-сайта. Доступный набор функций будет ограничен, но он идеально подойдет для ваших первых экспериментов.
Также доступны бесплатные сервисы, такие как Neocities, Google Sites, Blogger и WordPress. Иногда вы получаете то, за что платите, но иногда этих ресурсов достаточно для первых экспериментов.
Многие компании предоставляют хостинг и домены.

С помощью онлайн-инструмента, такого как GitHub или Google App Engine

Некоторые инструменты позволяют опубликовать ваш веб-сайт в Интернете:

это сайт "социального кодирования". Он позволяет загружать репозитории кода для хранения в системе управления Gitversion. Затем вы можете совместно работать над проектами кода, а система по умолчанию имеет открытый исходный код, а это означает, что любой человек в мире может найти ваш код GitHub, использовать его, учиться на нем и улучшать его. GitHub имеет очень полезную функцию под названием GitHub Pages, которая позволяет вам отображать код веб-сайта в Интернете. — это мощная платформа, которая позволяет создавать и запускать приложения в инфраструктуре Google — независимо от того, нужно ли вам создать многоуровневое веб-приложение с нуля или разместить статический веб-сайт. См. Как разместить свой веб-сайт в Google App Engine? Чтобы получить больше информации.

Эти параметры обычно бесплатны, но вы можете перерасти ограниченный набор функций.

Использование веб-среды IDE, такой как CodePen

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

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

Публикация через GitHub

Теперь давайте рассмотрим, как легко опубликовать свой сайт через GitHub Pages.

Прежде всего зарегистрируйтесь на GitHub и подтвердите свой адрес электронной почты.
Затем вам нужно создать репозиторий для хранения файлов.
На этой странице в поле Имя репозитория введите имя пользователя.github.io, где имя пользователя — ваше имя пользователя. Например, наш друг Боб Смит ввел бы bobsmith.github.io. Установите флажок "Инициализировать этот репозиторий с помощью файла README". Затем нажмите Создать репозиторий.
Перетащите содержимое папки веб-сайта в репозиторий. Затем нажмите Зафиксировать изменения.

Примечание. Убедитесь, что в вашей папке есть файл index.html.

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

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

Нажмите "Windows-E", чтобы запустить проводник Windows.

Перейдите к папке, содержащей файл HTML.

Дважды щелкните файл. Браузер по умолчанию отображает HTML-документ. Если браузер не открыт, Windows запускает его.

Если вы вносите изменения в HTML-файл после его просмотра в браузере, нажмите в браузере сочетание клавиш Ctrl + F5, чтобы обновить вид документа в браузере. В противном случае в документе могут не отображаться только что внесенные вами изменения.
Вы также можете нажать "Ctrl-O" в браузере, чтобы открыть окно выбора файла. Перейдите к файлу HTML, который вы хотите открыть, и дважды щелкните его в браузере.
Internet Explorer становится браузером по умолчанию при установке Windows. Он запустится, когда вы дважды щелкните файл HTML. Однако вы можете предпочесть запускать файл HTML в определенном браузере — например, Firefox может содержать инструменты отладки или проектирования, которые вы используете во время разработки. Вы можете открыть HTML-файл в другом браузере, щелкнув файл правой кнопкой мыши в проводнике Windows и выбрав «Открыть с помощью». Выберите нужный браузер из списка в раскрывающемся меню.
Если вы используете полнофункциональный HTML-редактор для разработки веб-страниц, в вашем редакторе может быть кнопка или меню, позволяющие предварительно просмотреть HTML-страницу в редакторе или в браузере.

После изучения физики Кевин Ли начал профессионально писать в 1989 году, когда, будучи разработчиком программного обеспечения, он также писал технические статьи для Космического центра Джонсона. Сегодня этот городской техасский ковбой продолжает выпускать высококачественное программное обеспечение, а также нетехнические статьи на самые разные темы, от игр до текущих событий.

Если вы прошли множество курсов Codecademy, но все еще задаетесь вопросом: "Где я могу писать код на своем компьютере?", начните здесь!

Создание и просмотр веб-страницы на вашем компьютере

Требования:

Введение

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

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

Шаг 1. Откройте текстовый редактор

Первый шаг — открыть текстовый редактор. Важно использовать «сырой» текстовый редактор, а не форматированный текстовый процессор.

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

Шаг 2. Напишите свой HTML-скелет

Теперь, когда ваш текстовый редактор открыт, вы можете начать писать свой HTML. Как вы узнали из первого урока курса HTML и CSS, есть несколько вещей, которые всегда присутствуют в хорошо отформатированном HTML-файле. И снова все вместе:

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

Шаг 3. Сохраните файл

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

Используйте HTML-файл с расширением .html, например about_me.html.
Не используйте пробелы или специальные символы в имени файла. Вместо этого используйте символы подчеркивания (_) или дефисы (-).
Решите, где на вашем компьютере вы сохраните файл, и обязательно запомните это место!

Используйте HTML-файл с расширением .html

Расширение файла — это суффикс имени файла, описывающий тип файла. Расширение файла всегда представляет собой последние 3 или 4 символа в имени файла, которым предшествует точка. Например, расширение HTML-файла — .html, и оно указывает браузеру (и другим приложениям) интерпретировать содержимое файла как веб-страницу. Обратите внимание, что на старых веб-страницах вы можете увидеть .htm , но это архаично и больше не используется.

Не используйте пробелы или специальные символы в имени файла

Выбирая имя файла, делайте его простым. Придерживайтесь цифр и букв. Используйте символы подчеркивания (_) или тире (-) вместо пробелов. Не используйте знаки процента, косые черты, знаки вопроса, восклицательные знаки, запятые и другие «специальные символы». Браузер должен найти файл по его имени, а специальные символы в имени файла могут прервать этот процесс. Имена файлов должны быть простыми и соответствовать соглашениям, чтобы сделать навигацию по вашей веб-странице более надежной.

Решите, где на вашем компьютере вы сохраните файл

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

Шаг 4. Откройте веб-страницу в браузере

Теперь вы готовы к просмотру новой страницы в браузере! Сначала откройте браузер. В верхнем меню нажмите «Файл» > «Открыть файл». Перейдите к месту, где вы сохранили свою веб-страницу. Нажмите на файл веб-страницы, а затем нажмите «Открыть». Вы должны увидеть свою веб-страницу!

Обзор

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

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

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

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

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

Шаг 5. Сделайте сайт общедоступным

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

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

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

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

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

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

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

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

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

Шаг 2. Проверьте работу PHP

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

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

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

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

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

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

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

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

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

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

Шаг 5. Настройка DNS

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

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

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

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

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

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

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

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

Он предлагает больше контроля и гибкости

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

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

Стоимость

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

Обучение новым навыкам

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

Специальные возможности

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

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

У внутреннего хостинга есть и свои недостатки. Вот основные из них:

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

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

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

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

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

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

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

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

Доступность

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

Стоимость

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

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

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

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

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

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

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

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

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

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

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

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

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

Джейми Спенсер

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Шаг 3. Измените пароль маршрутизатора в целях безопасности

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

Шаг 4. Настройте NAT

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

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

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

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

Шаг 5. Запретите DHPC выделять IP-адрес 192.168.1.250 любому другому устройству

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

Дополнительно (вверху справа, если его нет) > Расширенная настройка > LAN > Включить DHCP-сервер > Конечный IP-адрес > Введите 192.168.1.245 > Применить/Сохранить

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

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

Подключение (опция вверху справа) > Информация о подключениях > Держите его открытым для копирования и вставки

Подключение (опция вверху справа) > Редактировать подключения > Имя текущего подключения > Редактировать > Настройки IPv4 > Добавить (если нет записи)

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

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

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

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

Шаг 8. Направьте свой домен на общедоступный IP-адрес:

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

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

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