08.04.21

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

Как разместить сайт в интернете? Быстро, бесплатно и без хостинга? Утопическая цель, не так ли?) Давайте разбираться…

# В чём, собственно, проблема?

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

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

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

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

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

  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-летним опытом работы в области веб-разработки





Subscribe to us