Mini Apps For Life
описание
Канал о разработке и тонкостях работы с мини-приложениями в Телеграме. О том, как их сделать удобнее и красивее для пользователей Также новости, обзоры, мысли и другая интересная информация, попавшая в кругозор автора @maxsof
433
подписчиков
Охват к подписчикам
221,0%
ERR
Реакции к просмотрам
1,42%
370 на 30 постов
Пересылки к просмотрам
0,70%
182
Постов в день
0,0
всего 30
Где отзываются чаще
доля реакций к просмотрам- 8 сент. 2025 г.🍅 Помидорка теперь бесплатная Решил убрать оплату в звездах, так как толку от этого особо нет. За полтора года существования пришло 1000 звезд, то есть купили всего 10 человек, из которых треть — это я и мои знакомые. Думаю, пусть уж будет бесплатно больше пользы приносить, чем ограничивать людей барьером из звезд. В итоге вышло, что 1000 звезд — это 4,2045 TON, то есть примерно 1055 ₽. Что как бы копейки для такого промежутка времени. В целом, я на многое и не рассчитывал. Проект был экспериментальным. Мне хотелось залететь с ним в каталог Telegram Mini Apps, где были достаточно примитивные аналоги. Где-то за пару недель прошел модерацию и о приложении даже написали пост в канале на 800 тысяч читателей на тот момент. К слову, в первый день ко мне пришло человек 500. Спасибо всем кто поддержал монетой, это вдохновляло меня. Мини-приложение продолжает работу, я его никуда не убираю. Пусть радует и помогает, это будет греть мою душу 🍸 ⬇️@MiniAppsForLife 🔘#личное3,42%
- 3 июл. 2025 г.⭐ Избранное на канале Сколько бы ни прошло времени, многие посты не теряют своей актуальности, поэтому собрал их здесь для удобства и порядка. Пост в закрепе 📎 Окружение: ➡️ Локальная разработка через туннель ➡️ Режим отладки с помощью инспектора Настройка: ➡️ Добавление иконки на домашний экран телефона ➡️ Запуск из любого чата ➡️ Отображение кол-ва пользователей ➡️ Настройка сплэш-экрана ➡️ Идентификаторы профилей Разработка: ➡️ Локализация бота ➡️ Блокировка ориентации экрана ➡️ Определение устройства ➡️ Блокировка выделения текста ➡️ Умный фуллскрин ➡️ Кэширование скрипта инициализации ➡️ Кнопка «Назад» ➡️ Главная и второстепенная кнопки ➡️ Кастомное эмодзи в сообщении Оформление: ➡️ Светлая и темная темы ➡️ Безопасные зоны ➡️ SVG-иконка Star ➡️ Отключение зума ➡️ Анимированные эффекты при отправке сообщения ➡️ Эффект блеска на кнопке ➡️ Нюансы при создании таббара Инструменты: ➡️ asmico_attach_bot ➡️ GrammY (валидатор initData) ➡️ WebpageBot ➡️ Lottie @MiniAppsForLife2,82%
- 26 мая 2025 г.🔤 Блокировка выделения текста При взаимодействии с интерфейсом на мобильных устройствах может возникнуть ситуация, когда при долгом нажатии на экране автоматически выделяется ближайший текст и поверх него появляется системная лупа. Это может мешать комфортному использованию интерактивных элементов в приложениях или играх. Чтобы его убрать достаточно прописать в CSS такое правило глобально для всего приложения или точечно для определенного блока: /* Отключить для всего сайта */ html { -webkit-user-select: none; user-select: none; } /* Отключить для отдельного блока */ .block { -webkit-user-select: none; user-select: none; } Этот код запрещает что-либо выделять, соответственно, и лупа не появляется. При этом выделения в полях ввода сохраняют работоспособность. Если потребуется, то для нужного блока можно вернуть выделение: /* Включить для отдельного блока */ .block { -webkit-user-select: text; user-select: text; } @MiniAppsForLife #инструкции2,64%
- 8 мая 2025 г.✨ Эффект блеска на кнопке В документации, начиная с версии АПИ 7.10, есть вот такой прикольный эффект блеска главной и второстепенной кнопок для привлечения внимания. Делается через параметр has_shine_effect в методе setParams: // Главная кнопка Telegram.WebApp.MainButton.setParams({ has_shine_effect: true, }) // Второстепенная кнопка Telegram.WebApp.SecondaryButton.setParams({ has_shine_effect: true, }) @MiniAppsForLife #инструкции2,24%
- 2 дек.🔙 Кнопка «Назад» В верхней части интерфейса мини-аппа можно отобразить кнопку «Назад» вместо стандартной «Закрыть», если пользователь перемещается между страницами или открывает всплывающие окна. Это помогает не теряться в приложении и делает навигацию интуитивной. Однако важно понимать, что эта кнопка работает не так, как в браузере. Она не хранит историю переходов и не управляет стейтом автоматически. Это полностью программируемый элемент — он ведет себя ровно так, как вы ему скажете. По документации, у объекта BackButton есть следующие свойства и методы: — isVisible — проверяет, видна ли кнопка; — onClick(callback) — подписывает обработчик на нажатие; — offClick(callback) — отписывает обработчик; — show() — показывает кнопку; — hide() — скрывает кнопку. Все методы возвращают сам объект BackButton, поэтому их можно объединять в цепочки: Telegram.WebApp.BackButton .show() .onClick(onBackButton); // Позже, при необходимости: Telegram.WebApp.BackButton .hide() .offClick(onBackButton); function onBackButton() { // Какое-то действие } Важно не забывать отписываться от события после смены экрана или завершения действия — иначе возможны утечки памяти или неожиданное поведение. Ещё один частый вопрос о том, почему кнопка перестает работать, если внутри мини-аппа перейти на другой сайт. Дело в том, что как только вы покидаете исходную страницу приложения, скрипт telegram-web-app.js больше не активен на новой странице. Кнопка остается в последнем состоянии и ее методы перестают работать, ведь на новом сайте, скорее всего, нет подключенного скрипта. ⬇️@MiniAppsForLife 🔘#инструкции2,03%
- 30 апр. 2025 г.🆔 Идентификаторы профилей По мере работы с АПИ иногда нужно быстро узнать ID пользователя, канала, группы или бота. Включить отображение идентификатора в профиле искомой сущности можно через: ➡️ Telegram Desktop: Настройки ▶️ Продвинутые настройки ▶️ Экспериментальные настройки ▶️ опция Show Peer IDs in Profile ✅ ➡️ Telegram для MacOS: Настройки ▶️ Общие ▶️ опция «Показывать ID чатов в профиле» ✅ Стоит учесть, что в случае с группами и каналами к айдишнику в начале еще нужно приписать -100. То есть, если в профиле ID указан как 123456789, то итоговый ID будет -100123456789. ⬇️@MiniAppsForLife 🔘#инструкции1,81%
- 26 июл. 2025 г.@BotFather обзавелся своим мини-приложением. Теперь там можно делать то же самое, что и обычными командами 👍 ⬇️@MiniAppsForLife 🔘#новости1,72%
- 8 июн. 2025 г.↔️ Умный фуллскрин Добавляя автоматическое открытие мини-аппа в полноэкранном режиме, важно не забывать, что пользователь может запустить приложение с любого клиента, будь то мобилка, десктоп или веб-версия. Если на мобилке автоматический фуллскрин выглядит логично и удобно, то на десктопе или в браузере такое поведение может вызывать недоумение. Поэтому самым подходящим способом будет определение мобилки и программный запуск на полный экран: if (['ios', 'android'].includes(Telegram.WebApp.platform)) { Telegram.WebApp.requestFullscreen() } А на десктопе и в веб-версии фуллскрин и так можно запустить вручную через меню (три точки) или по отдельной кнопке в интерфейсе. ⬇️@MiniAppsForLife 🔘#инструкции1,64%
- 1 мар.🆕 Новое в версии АПИ 9.5 для мини-аппов Не густо за 8 месяцев без обновлений, но тем не менее. В метод BottomButton добавлено поле iconCustomEmojiId, позволяющее добавлять кастомное эмодзи в обе кнопки в нижней части интерфейса. Идентификатор эмодзи можно получить, например, через бот @GetEmojiIdBot. ⬇️@MiniAppsForLife 🔘#новости1,61%
- 1 сент. 2025 г.Второй официальный бот @Stickers тоже обзавелся своим мини-приложением. ⬇️@MiniAppsForLife 🔘#новости1,53%
- 3 дек. 2024 г.без подписи1,40%
- 11 окт. 2025 г.Третий официальный бот @Bugs теперь тоже запускается через мини-приложение. Ну, и чтобы два раза не вставать, наконец-то хоть какое-то крупное приложение стало поддерживать «жидкое стекло» на iOS 26. Остальные пока чего-то ждут, хотя с бета-версии уже месяца четыре прошло 🤷♂️ ⬇️@MiniAppsForLife 🔘#новости1,33%