Mini Apps For Life

Ждем 🌈

Обновил информацию в двух своих постах-инструкциях:

— 🪁 Запускаем веб-приложение напрямую из любого чата
— 📱 Открываем мини-апп с домашнего экрана телефона

Продублирую изменения здесь.

Дело в том, что после этих постов, с выходом версии 7.8, к боту можно прикреплять основное мини-приложение через @BotFather командой /setminiapp. После чего в профиле появляется большая синяя кнопка «Открыть приложение», аналогом которой является ссылка на бота с параметром startapp.

Другими словами, если вы увидите в профиле любого бота такую кнопку, то можно смело брать ссылку вида https://t.me/<BOT_NAME>?startapp и вставлять ее и в любой чат, и как ссылку на запуск с домашнего экрана телефона.

#наблюдения

В Telegram Desktop, оказывается, тоже можно ресайзить окно мини-аппа, но, в отличие от веб-версии, хотя бы не пропорционально, спасибо 🙂

Осталось дождаться обновления версии для Mac.

#наблюдения

Некоторое время назад я решил отказаться от библиотеки Telegraf по причине того, что она очень медленно развивается. Последнее обновление вышло больше полугода назад, аж 29 февраля. То есть максимум, что она поддерживает — это версию Телеграм АПИ 7.1, когда текущая уже 7.10.

Недолго поискав, я наткнулся на фреймворк GrammyJS и доволен!

Делюсь видео, которое помогло мне быстро въехать в контекст: 📺 ВК и 📺 Ютуб.

И, чтобы два раза не вставать, свежее видео с того же канала про авто-деплой бота с помощью Github Actions: 📺 ВК и 📺 Ютуб.

#инструменты

Бот, в котором можно смотреть, как все работает в мини-аппе — https://t.center/asmico_attach_bot

Кнопки и их расположение, цвета, открытие ссылок, виброотклики, облачное хранилище и другие методы. Пользуюсь частенько сам.

❓ Если вы знаете что-то похожее с примерами работы функционала веб-приложений, делитесь в комментариях)

#инструменты

🆕 Новое в версии АПИ 7.10 для мини-аппов

— Появилась возможность добавить вторую кнопку рядом с главной, а так же расположить их в ряд или одну над другой
— На главную кнопку теперь можно добавить эффект мерцания для большего привлечения внимания
— Фон нижней панели так же теперь можно изменить

❓ Что думаете про обновление? Может быть заметили что-то еще неочевидное?

#новости

🛠 Включение режима отладки в мини-аппе

Разработка веб-приложения — дело непростое. Очень часто нам нужно проинспектировать элементы и отловить какое-то несоответствие или баг.

🖥 Telegram Desktop

— Через боковое меню перейдите в Настройки → Продвинутые настройки → Экспериментальные настройки и включите опцию Enable webview inspecting
— Запустите мини-апп и через правую кнопку мышки будет доступен веб-инспектор

🖥 Telegram для macOS

— Прямо на главном экране нажмите быстро 5 раз на иконку настроек и включите опцию Debug Web App
— Запустите мини-апп и через правую кнопку мышки будет доступен веб-инспектор

📞 Telegram для Android

— Через боковое меню перейдите в Настройки, в самом низу нажмите и удерживайте на номере версии, затем выберите Enable WebView Debug
— Включите отладку по USB на устройстве. Подключитесь к компьютеру через кабель, запустите мини-апп и выберите веб-инспектор через вкладку «Девайсы».

📞 Telegram для iOS и iPadOS

— Прямо на главном экране нажмите быстро 10 раз на иконку настроек и включите опцию Allow Web View Inspector
— Включите функции для веб-разработчиков в Сафари, а затем и на самом устройстве. Подключитесь к Маку через кабель, запустите мини-апп и откройте веб-инспектор через вкладку «Разработка».

#инструкции