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

Размещение сайта в сети интернет

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

Подготовка сайта

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

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

• Все файлы, связанные с сайтом должны называться на латинице маленькими буквами без пробелов. Это касается рисунков, самих .html или .php страниц, .css стилей и т.д. Слева показан неправильный вариант, а справа правильный:

• Следите, чтобы все теги в html-коде были закрыты. Оставлять открытые теги крайне не рекомендуется.
• Главная страница сайта (с которой должен начинаться его просмотр) должна называться «index» (index.html, index.htm или index.php)

Регистрация домена

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

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

• Стоимость домена (плата за использование имени сайта) в первый год бесплатно, далее (если захотите) 179 рублей в ГОД!
• Стоимость хостинга (плата за размещение страниц сайта в сети интернет) немного ниже чем у других провайдеров (119 рублей в месяц). Тариф Year+ на декабрь 2018 года.
• Техническая поддержка отвечает очень быстро (регламент ответа на вопрос: 10-15 минут) и на любые вопросы.
• Своевременное обновление систем: всегда новый phpMyAdmin, всегда свежая версия php, постоянно дорабатывающаяся панель управления, постоянно расширяющаяся «справка» и, самое главное, форум.

Продолжим. Скажем, вы хотите чтобы по адресу www.vasyapupkin.ru открывался ваш сайт. Нужно сначала проверить, а свободен ли этот домен? Сделать это можно через множество систем. Мы воспользуемся этой. В поле для проверки домена на доступность вводим желаемое имя:

Жмем «Проверить». Скорее всего домен будет занят, т.к. все «крутые» домены уже раскуплены. А новички, как правило, хотят сразу крутой домен. Ну к примеру домен az.ru продавался за 550 тыс. рублей. Так что к выбору имени подходите креативно. Не обязательно чтобы у вас был домен, скажем, tema.ru, если вас зовут Артем. Возьмите домен te-ma.ru или te777ma.ru.

Итак, домен вы себе подобрали и увидели сообщение, что он свободен:

Не переживайте, на первый год он вам достанется абсолютно бесплатно!

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

Какой тип тарифного плана выбрать? Я рекомендую «year+«, т.к. это самый экономный и практичный вариант. Он предоставляет вам:

• возможность разместить 1 сайт
• 5 Гб. дискового пространства
• 1 база данных MySql (если вы хотите научиться программировать сайты с php, то это вам только на руку)
• Почтовый ящик с вашим доменом (к примеру, info@te777ma.ru)
• Бесплатный SSL-сертификат (безопасность для пользователей)

Для чего же нужны остальные тарифные планы? Ну скажем, если бы у вас был фотопортал, то конечно же 5 Гб. вам не хватит, поэтому бы пришлось платить больше. Ну или вам нужно разместить больше чем 1 сайт, то также нужен другой тарифный план.

Итак, вы выбрали тарифный план «Year» и заполнили все данные:

После регистрации к вам на почту придет письмо с регистрационными данными. Вы их надежно сохраните и никому не показывайте. Используя эти данные (имя аккаунта, пароль к аккаунту) логинимся на странице cp.timeweb.ru и попадаем в панель управления нашим сайтом.

Итак, домен за нами забронирован. Осталось его оплатить. В панели управления кликаем «Оплата услуг» (иконка кошелька) и там выбираем удобный для вас способ оплаты и оплачиваем годовое пользование доменом и хостингом. Лично я всегда плачу с Web-Money или банковской карты. В этих случаях деньги доходят моментально.

Если вы не хотите платить сразу, то можете повременить. TimeWeb дает пробные 10 дней: если все понравится, то для того, чтобы все работало дальше, вам придется заплатить. В этом случаем на первые 10 дней вам будет выдан домен третьего уровня, типа cp***.timeweb.ru (его вы уже можете найти в разделе «Домены»), а после оплаты вы уже сможете привязать к своему сайту свой собственные домен.

Загрузка сайта на хостинг

Итак, домен оплачен и размещение сайта в сети интернет уже закончено на 50%. Теперь надо загрузить сами файлы вашего сайта на хостинг для того, чтобы они были доступны по купленному доменному имени (www.te777ma.ru).

Для закачки файлов на хостинг мы воспользуемся FTP-клиентом. Можно конечно воспользоваться «Файловым менеджером» (также доступен из меню), предоставленным панелью управления, и залить все файлы в папку «public_html», однако, мне кажется, это самоубийство — закачивать все файлы по одному. Лучше мы воспользуемся обычным FTP-клиентом.

Качаем FTP-клиент. Например, FileZilla. Скачать можно с официального сайта: filezilla.ru

Устанавливаем его себе и запускаем. Далее нам надо настроить соединение с нашим сайтом. Заходим «Файл» —> «Менеджер сайтов» —> «Новый сайт» —> Вводим все данные, касательно своего сайта.

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

Жмем «Соединиться«.

Если соединение неудачно, значит какие-то данные введены неверно (перепроверьте Хост — он содержится в письме, пользователь и пароль — там же).

Если все удачно, то в нижнем правом окне программы откроется директория нашего сайта. Заходим в папку «public_html«. В левом окошечке открываем директорию с сайтом на вашем компьютере и простым перетаскиванием перемещаем файлы из левой директории в правую (с компьютера на хостинг). Файл index.html, который уже лежит на сервере в папке «public_html» можете просто удалить.

ПОЗДРАВЛЯЮ! Ваш сайт теперь размещен в сети интернет и доступен по адресу www.te777ma.ru (ну домен то у вас другой) любому пользователю интернета.

Заключение

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

Также можно воспользоваться и бесплатными хостингами:

Однако у всех у них на вашем сайте будет появляться реклама в виде баннеров. Это и будет ваша плата за пользование хостингом. А также сайт ваш будет не второго уровня (te777ma.ru), а третьего (te777ma.narod.ru). Ах да, друзья, вот более новая статься на эту же тему, в которой также разбирается и создание самой простенькой странички.

Понравилась или помогла статья? Самое лучшее, что ты можешь сделать — это поделиться ею в любой из своих соцсетей (даже если ты поделишься в твиттере или google+, которыми ты не пользуешься — это очень поможет развитию моего блога). Спасибо! А если ты еще и оставишь любой комментарий снизу в обсуждениях, то это будет двойное СПАСИБО!

Размещение сайта в интернете

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

• Создадим самую простую HTML-страницу
• Зарегистрируемся на хостинге
• Загрузим нашу HTML-страницу на хостинг (разместим сайт в сети интернет)
• Убедимся, что страница доступна отовсюду
• Установим FTP-клиент
• Рассмотрим, как без знаний программирования можно создать неплохой сайт в интернете

Готов? Ну тогда погнали!

Как создать HTML-страницу

Зайдите в любую папку на вашем компьютере, кликните правой кнопкой мыши и выберите «Создать» -> «Текстовый документ».

Откройте ваш текстовый документ и вставьте в него следующий код (в будущем вместо этого кода вы вставите то, что хотите выложить на сайт):

   Hello, World! 

Сейчас ваш текстовый документ называется «Новый текстовый документ.txt». Вам же нужно переименовать его в «index.html». Для этого выделите его мышкой и нажми клавишу F2 (или вызовите контекстное меню правой кнопкой мыши и выберите «Переименовать»). Теперь мы можем задать ему нужное для нас имя: «index.html».

Если же вы не видите расширения файла «.txt», нужно включить отображение расширений файлов в Windows: сверху в папке перейдите на вкладку «Вид» и поставьте галочку «Расширения имен файлов».

Ну теперь вы можете 2 раза кликнуть по нашему html-файлу, и он откроется в браузере, и вы увидите «Hello, World!». Наша html-страничка готова.

Как зарегистрировать хостинг

Теперь нам нужно сделать так, чтобы другие люди смогли увидеть вашу страничку, скажем, по адресу https://testsite721.ru. Для этого нам понадобится хостинг. Общими словами, хостинг — это компьютер, который стоит где-то в удаленном месте и всегда работает. К конкретной папке на этом компьютере привязывается адрес сайта (testsite721.ru), и она всегда отовсюду для всех доступна посредством обычного браузера (Chrome, IE и т.д.).

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

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

Итак, давайте зарегистрируемся на TimeWeb. Выбираем самый дешевый тарифный план (сейчас это Year+), в подарок мы получим еще и адрес сайта в зоне .ru (его мы выберем позже). Вот что написано на сайте в оф. справке:

Услуги Timeweb возможно использовать в тестовом режиме, не производя оплату. Для этого необходимо заказать хостинг на странице https://timeweb.com/ru/services/hosting/, аккаунт будет автоматически создан в тестовом режиме. Продолжительность тестового периода составляет 10 дней. При произведении оплаты тестовый период заканчивается, аккаунт переходит на оплачиваемый тариф. В случае, если по истечении 10 тестовых дней платеж не будет произведен, аккаунт автоматически заблокируется.

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

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

Размещение сайта в интернете

Правильнее бы этот шаг назвать «Как загрузить файлы на хостинг». Вы же теперь знаете, что такое хостинг!

К делу! Нам надо загрузить нашу html-страницу на наш хостинг. Для этого идем в панели управления хостингом в «Файловый менеджер» -> заходим в папку «public_html» -> в меню сверху выбираем «Файл» -> «Загрузить на сервер».

Если мы выберем файл «index.html», который мы создали в п.1 и нажмем «Загрузить», то сразу же увидим его в папке на хостинге. Файл, созданный там по умолчанию «index.htm», просто выделите мышкой и удалите: «Файл» -> «Удалить». В итоге в директории должен остаться только ваш файл «index.html».

Доступ к сайту по доменному имени

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

В разделе меню «Сайты» в панели управления вы можете увидеть список ваших сайтов. И для вас уже по умолчанию создан один сайт с доменным именем третьего уровня cvXXXX.tmweb.ru.

Зайдя по этому адресу, вы должны увидеть вашу html-страницу «Hello, World!» 🙂 Поздравляю, у вас все получилось.

Этот адрес вы можете послать кому угодно и они увидят точно такую же страницу, как и вы.

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

FTP-клиент

Если у вас сайт состоит из множества файлов, картинок, стилей и чего-либо еще, то все это загружать по одному файлу на сервер придется очень долго. Для этого существуют специальные FTP-клиенты. Один из самых лучших — это FileZilla: скачать. Помните письмо, которое вы получили после ригистрации на TimeWeb? В этом письме есть данные для подключения к вашему хостингу (сайту) по FTP 🙂

Скачиваем и устанавливаем себе клиент FileZilla, запускаем. Далее нам надо настроить соединение с нашим сайтом. Заходим «Файл» —> «Менеджер сайтов» —> «Новый сайт» —> Вводим все данные, касательно своего сайта:

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

Теперь вы видите два окошечка снизу. В левом выбираете папку с вашим сайтом на своем компьютере, а в правом заходите в папку «public_html» на сервере. Теперь простым перетаскиванием файлов из одного окошка в другое вы можете быстро копировать файлы с компьютера на хостинг и обратно.

Движки для сайтов

Если вам самому не охота изучать HTML-разметку и создавать сайт с нуля, то можно просто установить на хостинг какую-либо CMS типа WordPress, и у вас будет полноценный готовый Интернет-сайт, страницы на котором вы сможете очень удобно редактировать прямо в своем браузере. Кстати, в панели управления TimeWeb предлагается на выбор установить различные виды CMS-систем: от Блогов и до форумов, чатов и галерей видео. Большинство CMS бесплатные. Просто посетите пункт меню «Каталог CMS».

Заключение, но не конец

Не секрет, что для того чтобы все хорошо работало, нужно придерживаться некоторых правил «хорошего тона», таких как правильное именование файлов и прочее. О них вы можете прочитать в этой статье.

Ну что ж, друзья, мы с вами подробно разобрали, как создать и выложить свой сайт в интернет. Надеюсь, что хотя бы 30% информации, что ты прочел, стала для тебя новой. Пиши в комментариях, о чем еще рассказать, задавай вопросы, ну и: УДАЧИ В ИНТЕРНЕТЕ 😉

Понравилась или помогла статья? Самое лучшее, что ты можешь сделать — это поделиться ею в любой из своих соцсетей (даже если ты поделишься в твиттере или google+, которыми ты не пользуешься — это очень поможет развитию моего блога). Спасибо! А если ты еще и оставишь любой комментарий снизу в обсуждениях, то это будет двойное СПАСИБО!

Как разместить готовый сайт в Интернете

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

Если у вас нет готового архива, вы можете создать сайт с нуля на WordPress или в Конструкторе сайтов Рег.ру.

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

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

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

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

1. Зарегистрировать домен.
2. Заказать хостинг.
3. Привязать домен к хостингу.
4. Разместить сайт на хостинге.

Рассмотрим каждый шаг подробнее.

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

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

Чтобы выбрать домен, нужно определиться с доменной зоной и придумать доменное имя. Подбор домена и зоны зависит от целей и направленности сайта. В Рег.ру можно выбрать домен в более чем 750 доменных зонах: международных, национальных и тематических. Определиться с выбором помогут инструкции: Как выбрать домен? и Как придумать доменное имя для сайта?

После выбора домена его нужно зарегистрировать. На странице заказа вы указываете контактные данные и выбираете срок регистрации домена — он зависит от доменной зоны. Например, для доменов .ru, .su и .рф максимальный срок регистрации — один год. А в международных зонах домен можно зарегистрировать на год, пять или десять лет.

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

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

Если вы зарегистрировали домен, переходите к выбору и заказу хостинга.

Шаг 2. Закажите хостинг

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

В Рег.ру вы можете заказать хостинг под свой проект: виртуальный хостинг, VPS или Dedicated. Самый популярный и простой в работе — виртуальный хостинг. На таком хостинге можно разместить любой сайт: от простого сайта-визитки до интернет-магазина.

• тариф: выбор зависит от количества сайтов, которые можно добавить в рамках одной услуги (от 1 до 70). Определиться с выбором поможет статья: Советы по выбору тарифа хостинга.
• срок заказа (от 1 месяца). Чем больше срок заказа, тем ниже цена за месяц.
• панель управления хостингом: ispmanager, Plesk или cPanel. Через панель можно управлять настройками хостинга и размещёнными на нём сайтами. Как выбрать панель управления хостингом?Как разместить сайт, написанный в HTML

После заказа хостинга нужно связать домен и хостинг между собой.

Шаг 3. Привяжите домен к хостингу

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

Домены состоят из букв и символов. Но «машины» понимают только язык цифр. При вводе доменного имени в поисковую строку DNS-серверы преобразуют его в IP-адрес. Затем по IP они находят нужный сервер, а на нём — искомый сайт, и отправляют эту информацию браузеру. Благодаря DNS-серверам в поисковиках отображается нужный сайт и пользователи посещают его.

Чтобы привязать домен к хостингу, нужно прописать хостинговые DNS-серверы (ns1.hosting.reg.ru, ns2.hosting.reg.ru) автоматически или вручную по инструкции: Как привязать домен к хостингу?

Как завести сайт в интернете

Если вы прописали DNS-серверы для домена, приступайте к размещению сайта в Интернете.

Шаг 4. Разместите сайт на хостинге

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

Чтобы разместить сайт через панель управления, нужно загрузить архив с файлами сайта в корневой каталог и импортировать базу данных (если она есть). В зависимости от выбранной панели это можно сделать по одной из инструкций: Как разместить сайт в ispmanager?, Как разместить сайт в Plesk? или Как разместить сайт в cPanel?

После размещения архива с файлами сайт может быть доступен не сразу. Если ранее вы прописали или сменили DNS-серверы, дождитесь их обновления в течение 24 часов. DNS-серверы обновятся и сайт появится в Интернете.

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

Помогла ли вам статья?

Спасибо за оценку. Рады помочь ��

Как за 5 минут разместить сайт в интернете, не покупая хостинг?

Допустим, вы начинающий web разработчик и сейчас готовите свое резюме, чтобы отправить его в IT-компанию своей мечты. Вы расписали кто вы и какими навыками обладаете, но в разделе «опыт работы» пока что указать нечего. Вы вспоминаете, что у вас есть пару лендингов, которые можно использовать в качестве портфолио. Но как сделать сайты доступными в интернете, и желательно бесплатно?

Вы полны решимости, открываете свой любимый поисковик и находите массу хостинг-сервисов. Далее: регистрация, админ-панель, FTP-сервер, выбор доменного имени, настройка пользователей и прав доступа. Первый хостинг, второй, пятый… И вы уже чувствуете, как в глазах темнеет, силы вас покидают, а потом вдобавок вы ещё встречаете “волшебную” надпись, что бесплатный (так называемый, триальный) период закончится через 7 дней. Неужели это конец? Вы не отчаиваетесь, собираете все силы в кулак и идёте дальше:

• хостинг сайтов на github.com — но если я не умею пользоваться git (пока что), или у меня код лежит на bitbucket.org, или я даже не понял, о чём там в видео или других статьях говорится?
• бесплатный хостинг на heroku.com — окей, зарегистрировался, а дальше что? Публикация через консоль? А где её найти? А у меня Windows XP стоит — как быть?
• использовать серверное решение glitch — но там надо вообще свой сервер писать! Мне же просто сайт показать, вы чё.

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

# Что для этого понадобится?

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

1. Исходный код — как же без него! Обычно сайт должен содержать файл “index.html”, который является точкой входа и является ключевым для нас.
2. Google аккаунт — он будет нашим хостинг-сервером. Сейчас Google аккаунты есть у всех, потому этот пункт тут чисто для формальности.

# Окей, погнали!

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

1. Идём в Google Drive.
2. Авторизируемся под нашим аккаунтом, если не были авторизованы.
3. Создаём в любом месте папку и называем её таким способом: www.my-site-123.com
4. Делаем доступ к этой папке публичным.
5. Закидываем исходный код в корень этой папки.
6. Идём на DriveToWeb ресурс.
7. Жмём на кнопку “Host on Google Drive”.
8. Разрешаем доступ к нашему Google диску.
9. Вверху видим ссылку на подобии:

https://1hy2cgzkdrau803zbteolf-on.drv.tw/www.my-site-123.com

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

# Как это работает?

Сервис DriveToWeb просканирует ваш Google диск на наличие папок, которые начинаются с “www.”, заканчиваются на “.com” и у которых публичный доступ. Строка между “www.” и “.com” значения не имеет — это чисто для вас и эстетичного вида. Контент каждой такой папки будет доступен по прямой ссылке. Что имеется в виду.

Например, если вы создали в корне Google диска папку “www.my-site-123.com” и положили в неё картинку “image.png”, то, перейдя после этого по ссылке:

https://1hy2cgzkdrau803zbteolf-on.drv.tw/www.my-site-123.com/image.png

вы увидите эту картинку в браузере. Следовательно, если в корне папки “www.my-site-123.com” будет лежать файл “index.html”, то, перейдя по соответствующей ссылке, вы увидите свой сайт. Желательно, чтобы путь к исходному коду не включал знаки кириллицы, пробелы и другие спецсимволы. Также стоит отметить, что при запросе любых файлов, которые не могут быть отображёны в браузере, будет выполняться их скачивание.

# Преимущества

Чем же полезен такой подход?

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

# Недостатки

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

1. Каждый отдельный файл (даже самый маленький) грузится в браузере не менее 2 секунд, но это не проблема, если у вас SPA, которым является большинство приложений, разрабатываемых, например, на ReactJS. Увы, на это повлиять невозможно.
2. После подмены файлов на Google диске на протяжении некоторого времени вы всё равно можете не увидеть изменений. Это называется кеширование. Решается или перезагрузкой страницы с очисткой кеша или просто ожиданием неизвестного мне количества времени. На это тоже повлиять невозможно.
3. Сайт занимает место на Google диске. Это зависит от размера сайта и что он должен делать.
4. Нет удобного версионирования: вы не сможете откатиться на предыдущую версию своего проекта со стороны Google диска.
5. Нужно предоставлять доступ к Google диску внешнему сервису. Лично мне неизвестно, на что тот сервис способен, хоть и все его советуют использовать, потому всё под вашу ответственность.

Выводы

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

Виталий Марушко

Back end разработчик с 5-летним опытом работы в области веб-разработки