Видео этого урока скоро появится
Конспект урока доступен ниже
Форма заявки с уведомлением в Telegram
Добавишь на сайт форму с проверкой полей и понятными состояниями отправки. Создашь Telegram-бота и настроишь доставку каждой заявки прямо в свой чат. Пройдёшь весь путь клиента сам: от клика по кнопке до сообщения в телефоне.
Конспект урока
- 1
Форма с проверкой полей
Попроси форму с именем, контактом и комментарием, где ошибка показывается текстом под полем, а не всплывающим окном. Явно укажи, какие поля обязательные.
- 2
Три состояния кнопки
Обычное, «отправляем» с блокировкой повторного нажатия и «отправлено» с благодарностью. Без блокировки нетерпеливые посетители нажмут трижды и ты получишь три одинаковые заявки.
- 3
Бот и номер чата
В Telegram найди BotFather, командой /newbot заведи бота и забери токен. Номер своего чата узнай через бота userinfobot, иначе сообщению некуда приходить.
- 4
Токен в секреты, не в код
Токен и номер чата добавь в секреты проекта, которые живут на сервере. Если они попадут в код страницы, любой посетитель прочитает их через исходный код и сможет писать от твоего имени.
- 5
Отправка через серверную функцию
Заявка уходит в Telegram из серверной функции, а не напрямую из браузера. Попроси Lovable сделать именно так и покажи ошибку целиком, если функция не создалась.
- 6
Проходим путь клиента сами
Отправь настоящую тестовую заявку и дождись сообщения в телефоне. Затем проверь пустую форму и кривую почту: до Telegram они дойти не должны.
Практика
Заведи бота в BotFather, подключи форму и отправь три заявки: полную, с пустым обязательным полем и с некорректной почтой. Убедись, что в чат пришла ровно одна.
Сделал? Отметь урок пройденным и переходи дальше