Telegram Mini App на Nuxt 3 | Часть 3 - Контактные данные. Главная кнопка. Подтверждение выхода.
В этом видео будет рассказано о том, как получать контактные данные клиента Telegram, как с ними удобно работать и организовать процесс хранения и вывода. Как вывести и настроить главную кнопку мини приложения Telegram. Как вывести подтверждающее окно о закрытии мини приложения.
Таймкоды:
0:00 - Что будем делать в этой части
0:34 - Почему отключили SSR и включим ли
1:47 - Что делали в предыдущей части
2:33 - Начинаем кодить
4:36 - Применяем получение контактные данные
6:47 - Как вывести главную кнопку управления мини-приложением
12:19 - Как вывести окно о закрытии мини приложения Телеграм
13:39 - Что будем делать дальше
14:41 - Концовка
Ссылка на главную страницу курса:
Статья о том как настроить и войти в тестовое окружение Telegram:
Репозиторий проекта:
Пакет vue-tg:
Оф. документация TMA:
#implementing-mini-apps
Бесплатный курс по созданию мини-приложения Telegram на стеке Nuxt 3. В этом курсе будет создано приложение по доставке пиццы с использованием функциональных возможностей Telegram Mini Apps (сокр. TMA). В этом видео-курсе пошагово изложен весь процесс создания TMA с использованием Nuxt 3, пакета vue-tg и тестовой среды Telegram от установки проекта до деплоя готового приложения, демонстрирующего функциональные возможности TMA в связке с Nuxt 3 на serverless платформу Vercel. Текстовый курс доступен по ссылке ниже.
- Создадим простой фронт на tailwind.
- Поработаем с cloudStorage.
- Получим контактные и гео-данные клиента.
- Верифицируем заказ с помощью биометрии (Face ID или Fingerprint).
- Научимся вызывать popup, сonfirm и оставим заявку на пиццу!
- Валидируем и обработаем запрос на сервере.
- Получим обратное уведомление от бота о начале готовки и сроках доставки.
- При получении заказа отсканируем QR-код для оплаты через TMA.
Данный видео-курс дополняет наш текстовый курс, размещенный на нашем сайте:
Смотри это видео на Rutube:
Github автора:
Связаться со мной:
85 views
4298
1587
4 weeks ago 00:02:57 2
Чудо -бот для заработка в телеграм Мини чейнс. Маркетинг MINI . Вход от 100 руб. ПОДРОБНАЯ ПРЕЗЕНТАЦИЯ👇
4 weeks ago 00:02:35 1
Чудо -бот для заработка в телеграм Мини чейнс. Маркетинг VIP . Вход от 500 руб. ПОДРОБНАЯ ИНФОРМАЦИЯ 👇
4 weeks ago 00:54:02 1
Максима Парк. Самый необычный отель. Пришёл дрон из Китая. Лето 2022
4 weeks ago 00:21:19 21
Часы и время во французском языке
4 weeks ago 00:11:09 3
Дом в Красной поляне | купить дом в Красной поляне | коттедж Красная поляна | дом с видом на горы
4 weeks ago 00:38:12 194
Муся, Лиса и Буся - проблемы воспитания... или КОТоБудни от г.
4 weeks ago 03:10:55 4
[Математик МГУ] Профильный ЕГЭ 2024. Графика по параметрам с нуля. Задача 18. миниСИРОП #параметры
4 weeks ago 00:00:00 1
«Ротор» — «Витебск»
4 weeks ago 00:00:00 1
«Кировец-Восхождение» — «Зенит-2»
4 weeks ago 00:10:31 2
[Droider] THUNDERBOLT 5: ОБЪЯСНЯЕМ
4 weeks ago 00:00:00 1
«Ростов» — «Зенит»
4 weeks ago 00:11:18 2
Почему не любят риелторов?
4 weeks ago 00:00:05 38
Силовики “прочесали“ Екатеринбург в поисках нелегалов, не обошли стороной и мини-рынок на улице Бебеля
4 weeks ago 00:11:21 551
ЛУЧШИЕ 17 книг о МАРКЕТИНГЕ, которые ты ДОЛЖЕН ПРОЧИТАТЬ в 2025...
4 weeks ago 00:13:26 807
Топ 3 совета по освещению для 3D моушн-дизайна | Cinema 4D & Redshift
4 weeks ago 00:00:32 48
Сапёры из Севастополя разминируют Курскую область
4 weeks ago 00:08:02 38
Разрушая шаблоны, перешёл из военных в финконсалтинг. Финсоветник DS Consulting Дмитрий Неумятулов