Курс

Публикуем мини-приложение

МОДУЛЬ 1: ПЕРВЫЕ ШАГИ • Урок 3 из 3

В прошлом уроке ты создал мини-приложение в Claude Artifacts. Оно работает прямо в чате — но пока только у тебя. Сейчас мы его скачаем, откроем на компьютере и опубликуем так, чтобы любой человек мог открыть по ссылке.

[ ШАГ 1: СКАЧИВАЕМ ИЗ CLAUDE ]

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

  1. Открой чат в claude.ai, где создавал приложение
  2. Нажми на превью Artifact справа — оно развернётся на весь экран
  3. В правом верхнем углу найди иконку скачивания (стрелка вниз)
  4. Нажми — файл .html скачается в папку «Загрузки»
💡 Если не видишь кнопку скачивания:

Нажми на три точки (...) рядом с названием Artifact — там будет пункт «Download» или «Скачать». Также можно нажать «Copy» (скопировать код), открыть Блокнот, вставить и сохранить файл с расширением .html

[ ШАГ 2: ОТКРЫВАЕМ В БРАУЗЕРЕ ]

Скачанный файл — это уже готовое приложение. Никаких серверов, установок или команд.

  1. Открой папку «Загрузки» на компьютере
  2. Найди файл с расширением .html (название будет похоже на artifact_...)
  3. Дважды кликни по нему
  4. Файл откроется в браузере — и ты увидишь своё приложение
✦ Что произошло:

Ты только что запустил приложение на своём компьютере. Оно работает локально — без интернета, без серверов. Всё в одном файле. Можешь переименовать его как хочешь, например мой-калькулятор.html

[ ШАГ 3: ДЕЛИМСЯ С ДРУГИМИ ]

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

Способ 1: Кнопка «Publish» прямо в Claude (самый быстрый)

В Claude есть встроенная публикация — не нужно ничего скачивать и никуда загружать:

  1. Открой Artifact с приложением (нажми на превью справа)
  2. В правом верхнем углу найди кнопку Publish (или иконку со стрелкой вверх)
  3. Нажми — Claude мгновенно опубликует приложение
  4. Получишь ссылку вида claude.site/artifacts/...
  5. Скопируй и отправь кому угодно — работает на телефоне и компьютере
✦ Одна кнопка — и у тебя есть ссылка.

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

Способ 2: Отправить файл напрямую

Если хочешь отдать само приложение, а не ссылку — скачай файл и отправь:

  • В Telegram — как обычный документ
  • На почту — как вложение
  • На флешке — старая школа, но работает

Человек скачает файл, откроет в браузере — и всё работает. Без установки, без интернета.

Способ 3: Свой хостинг (Tiiny.host)

Если хочешь свою ссылку, не привязанную к Claude:

  1. Открой tiiny.host в браузере
  2. Перетащи свой .html файл на страницу
  3. Придумай имя (это будет часть ссылки)
  4. Нажми Upload
  5. Готово — получаешь ссылку вида твоё-имя.tiiny.site
💡 Бесплатно:

Tiiny.host позволяет бесплатно опубликовать один сайт. Этого достаточно для начала. Ссылка работает и с телефона, и с компьютера.

Способ 4: GitHub Pages (для продвинутых)

Если у тебя есть аккаунт на GitHub (мы заведём его позже в курсе):

  1. Создай новый репозиторий на GitHub
  2. Загрузи свой .html файл (переименуй в index.html)
  3. Зайди в Settings → Pages → выбери ветку main
  4. Через минуту получишь ссылку username.github.io/название
⚠️ Не переживай:

Если GitHub пока непонятен — это нормально. Мы подробно разберём его в Модуле 2. Сейчас достаточно способа 1 или 2.

[ ЧТО ТЫ ТОЛЬКО ЧТО СДЕЛАЛ ]

✦ Результат:

За три урока — без единой строчки кода, без установки программ — ты:

  • Узнал что такое Claude и как он создаёт проекты
  • Создал работающее приложение одним промптом
  • Скачал его и запустил на своём компьютере
  • Опубликовал — теперь его может открыть кто угодно

Это был минимальный путь: идея → приложение → публикация. Но у мини-приложений есть потолок: нет базы данных, нет авторизации, нет оплаты. Для полноценных продуктов нужен Claude Code — и именно этому посвящены следующие модули.

Ты научился:

  • Скачивать приложение из Claude Artifacts
  • Запускать HTML-файл в браузере
  • Публиковать приложение по ссылке
  • Пройти путь от идеи до публикации за 15 минут

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

Хочешь создать полноценный проект?

Сайт с авторизацией, базой данных и приёмом оплат.
Всё это — в следующих модулях курса.

Получить полный доступ →