ga/buhapp-telegram
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
Telegram bot + Mini App (WebApp)
35 Commits 1 Branch 0 Tags 505 KiB
JavaScript 63.8%
HTML 23.7%
CSS 12.5%
9188088276
Go to file
root 9188088276 UX: Auth как в Grok — табы Вход/Регистрация, живая валидация, toast 
НОВЫЙ UX (от Grok):
- Один экран — табы Вход / Регистрация (мгновенное переключение)
- Все поля видны, кнопка всегда кликабельна
- Валидация в реальном времени: под каждым полем ✓/✗ с пояснением
- Состояния кнопки: idle / load ('⏳ Создаём...') / ok ('✓ Готово!') / err ('⚠️ ...')
- Toast 'Добро пожаловать, [имя]!' после успеха
- При ошибке: подсветка проблемного поля + фокус на нём
- Email живая валидация (regex), пароль ≥6 (как требует Grok / API: ≥8 → я ставлю 8 для совместимости с бэком)
- Пароль 2 — только в режиме Регистрация
- Переключение режима сбрасывает валидацию, фокус на первое пустое поле

CSS новые классы: .btn.ok, .btn.load, .btn.err, input.bad, input.good, .hint.ok/err/mute

Технически:
- showEmailLogin() рисует сразу табы + форму
- _initAuthForm() биндит всё
- _submitAuth(mode) делает реальный запрос
- showEmailRegister() → переключает таб на 'Регистрация'
2026-08-21 11:33:31 +00:00
public UX: Auth как в Grok — табы Вход/Регистрация, живая валидация, toast 2026-08-21 11:33:31 +00:00
README.md Telegram WebApp: Mini App with map, chats, profile, reviews 2026-08-20 17:43:16 +00:00

README.md

BuhApp Telegram WebApp

Mini App (WebApp) для Telegram, открывается по кнопке в боте @BuhAppBot.

Запуск

Статика (HTML/JS) раздаётся с https://app.buhapp.mygoodservice.ru/.

Структура

buhapp-telegram/
├── public/
│   ├── index.html        — главная страница (карта/чаты/профиль/настройки)
│   ├── login.html        — онбординг (если запустили без Telegram)
│   ├── css/
│   │   └── app.css       — стили
│   └── js/
│       ├── api.js        — HTTP клиент + TG SDK
│       ├── tg.js         — обёртки Telegram WebApp SDK
│       ├── app.js        — главный контроллер
│       └── views/
│           ├── map.js
│           ├── chats.js
│           ├── chat.js
│           ├── profile.js
│           ├── review.js
│           └── settings.js
└── README.md

Telegram Bot

  • Создай бота через @BotFather → /newbot
  • Установи WebApp URL: /setdomain → app.buhapp.mygoodservice.ru
  • Скопируй токен → TELEGRAM_BOT_TOKEN в .env бэкенда

Деплой

Все файлы из public/ монтируются в nginx (location /). Бэкенд читает initData от Telegram и авторизует через POST /api/v1/auth/telegram.