Все основные состояния проходятся прямо на странице.
Подписочный Telegram-сервис
Кликабельный сценарий подписки показывает выбор тарифа, безопасный переход к платёжному провайдеру и логику выдачи доступа. Реальные платежи и backend здесь не подключены.
Кликабельный сценарий до backend-разработки
Выбор периода, возврат после оплаты, активация и напоминание.
ЮKassa, webhook, backend и реальная выдача доступа не подключены.
- {{ step.num }} {{ step.label }}
От выбора тарифа до управляемого доступа
Схема показывает целевую production-логику. На этой странице шаги выполняются локально и не обращаются к ЮKassa или backend.
Пользователь выбирает тариф
Telegram-бот показывает варианты, срок и итоговую сумму без перехода в отдельный личный кабинет.
ЮKassa принимает оплату
Бот создаёт счёт, а банковские данные вводятся только на защищённой стороне платёжного провайдера.
Webhook запускает проверку
Сервис перечитывает текущий статус платежа в ЮKassa и только затем связывает его с пользователем и тарифом.
Доступ синхронизируется
Срок подписки обновляется, бот выдаёт доступ и заранее напоминает о следующем продлении.
Доступ активен
В production выдача или продление должны происходить только после серверной проверки.
Напоминание
Пользователь получает понятный следующий шаг до завершения срока.
Доступ отозван
Статус меняется предсказуемо, а событие остаётся в админке.
Спроектировать понятный путь от выбора тарифа до управляемого доступа и заранее показать его заказчику.
Интерактивный клиентский прототип: тарифы, макет безопасного перехода к ЮKassa, состояния доступа и напоминания. Backend, вебхуки и production-мониторинг — отдельный этап внедрения.
Пользовательский путь можно проверить до разработки backend. Реальную автоматизацию оплаты этот прототип не подтверждает.