СЕРВЕРНЫЕ ВЕБ-ТЕХНОЛОГИИ / 01

Твой проект.
Теперь в интернете.

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

ПУТЬ ПРИЛОЖЕНИЯ
01 / РАЗРАБОТКАlocalhost

Код работает у тебя

02 / РАЗМЕЩЕНИЕdeploy

Выбираешь среду запуска

03 / РЕЗУЛЬТАТhttps://твой-проект

Делишься ссылкой

Решение можно увидеть в действии

ЗАЧЕМ НУЖЕН ХОСТИНГ

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

01 / ВЫБОР СРЕДЫ

Где будет жить приложение?

Начни с того, что нужно твоему коду.

HTML / CSS / JavaScript

Клиентские задачи

Для разметки, стилей и клиентского JavaScript подходят статические хостинги. В исходном материале основной вариант — GitHub Pages.

GitHub Pages

Для работы прямо в браузере

Отдельный класс — онлайн-среды для фронтенда, в том числе с девсервером и API-эндпойнтами.

PHP / Node.js / серверная логика

Серверные задачи

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

01

Локальный сервер + туннель

Запусти приложение на localhost и открой доступ извне через VK Tunnel или ngrok. Для демонстрации нужны работающий компьютер, запущенное приложение и доступный адрес туннеля.

02

Распределенные сети

Еще одно направление из исходного обзора — IPFS и The Graph. Возможность применения зависит от архитектуры проекта.

03

Онлайн-среда с хостингом

Код, среда разработки и запуск приложения в одном месте. В исходном материале упоминается Replit (ранее repl.it), а в качестве исторического ориентира — c9.io.

04

Облачные платформы

SaaS, PaaS, IaaS и serverless: от публикации статических файлов до запуска серверного приложения. В обзоре собраны следующие сервисы.

Документация о бесплатном уровне serverless в Yandex Cloud ↗

05

VPS и Docker-контейнеры

Виртуальный сервер позволяет самостоятельно установить Node.js, выбрать готовое окружение или запустить Docker-контейнер. Ты управляешь настройкой и работой серверного окружения.

06

Shared-хостинг

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

07

Аренда физического сервера

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

Для отдельных экспериментов
Встраиваемые сниппеты, например RunKit, и notebooks также упомянуты в исходном материале.

02 / ОТ ТЕОРИИ К ПРАКТИКЕ

Задание
первой недели.

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

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