/
2gc
/
Wine-Bot
Обзор
Документация
Войти
/
2gc
/
Wine-Bot
Код
Запросы
0
Задачи
Вики
Пакеты
0
Релизы
0
Аналитика
Безопасность
main
docs/miniweb/setup-instructions.html
158 строк
6 KB
Maksim Lanies
Очистка репозитория перед новой заливкой
24 июл 2025, 12:21
24 июл 2025, 12:21
b843181
Код
Авторство
О чём код?
<!DOCTYPE html> <html lang="ru"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Настройка Web App - Wine Learning Bot</title> <style> body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; line-height: 1.6; max-width: 800px; margin: 0 auto; padding: 20px; background: #f8f9fa; } .container { background: white; padding: 30px; border-radius: 10px; box-shadow: 0 2px 10px rgba(0,0,0,0.1); } h1 { color: #667eea; border-bottom: 2px solid #667eea; padding-bottom: 10px; } h2 { color: #333; margin-top: 30px; } .step { background: #f8f9fa; padding: 20px; border-radius: 8px; margin: 20px 0; border-left: 4px solid #667eea; } .code { background: #2d3748; color: #e2e8f0; padding: 15px; border-radius: 5px; font-family: 'Courier New', monospace; overflow-x: auto; } .highlight { background: #fff3cd; padding: 10px; border-radius: 5px; border-left: 4px solid #ffc107; } .success { background: #d4edda; padding: 10px; border-radius: 5px; border-left: 4px solid #28a745; } </style> </head> <body> <div class="container"> <h1>🍷 Настройка Web App для Wine Learning Bot</h1> <div class="highlight"> <strong>Внимание:</strong> Этот файл содержит пошаговые инструкции по настройке Web App в BotFather. </div> <h2>📋 Шаг 1: Создание Web App в BotFather</h2> <div class="step"> <ol> <li>Откройте @BotFather в Telegram</li> <li>Отправьте команду: <code>/newapp</code></li> <li>Выберите вашего бота</li> <li>Заполните информацию:</li> </ol> <div class="code"> <strong>Название:</strong> Wine Learning Bot <strong>Описание:</strong> Обучение официантов по ассортименту напитков ресторана KETCH UP <strong>URL:</strong> https://your-domain/miniweb <strong>Иконка:</strong> Загрузите иконку 512x512px </div> </div> <h2>📋 Шаг 2: Настройка команд бота</h2> <div class="step"> <p>Отправьте BotFather команду <code>/setcommands</code> и выберите вашего бота:</p> <div class="code"> start - Запустить бота webapp - Открыть Web App help - Показать справку </div> </div> <h2>📋 Шаг 3: Добавление кнопки Web App</h2> <div class="step"> <p>Добавьте следующий код в ваш бот:</p> <div class="code"> const keyboard = { inline_keyboard: [ [ { text: '🌐 Открыть Web App', web_app: { url: 'https://your-domain/miniweb' } } ], // ... другие кнопки ] }; </div> </div> <h2>📋 Шаг 4: Проверка работоспособности</h2> <div class="step"> <ol> <li>Разверните бота: <code>npm run deploy</code></li> <li>Отправьте <code>/start</code> боту</li> <li>Нажмите кнопку "🌐 Открыть Web App"</li> <li>Убедитесь, что Web App открывается корректно</li> </ol> </div> <h2>🔧 Дополнительные настройки</h2> <h3>Настройка меню бота</h3> <div class="step"> <p>Отправьте BotFather команду <code>/setmenubutton</code>:</p> <div class="code"> <strong>Текст кнопки:</strong> 🌐 Web App <strong>URL:</strong> https://your-domain/miniweb </div> </div> <h3>Настройка описания бота</h3> <div class="step"> <p>Отправьте BotFather команду <code>/setdescription</code>:</p> <div class="code"> Обучение официантов по ассортименту напитков ресторана KETCH UP </div> </div> <h3>Настройка информации о боте</h3> <div class="step"> <p>Отправьте BotFather команду <code>/setabouttext</code>:</p> <div class="code"> 🍷 Wine Learning Bot - Интерактивная система обучения официантов по ассортименту напитков ресторана KETCH UP. 🌐 Web App: https://your-domain/miniweb </div> </div> <div class="success"> <h2>🚀 Готово!</h2> <p>После выполнения всех шагов ваш Web App будет доступен пользователям через кнопку в боте.</p> </div> </div> </body> </html>