Создание анонимного чата в Telegram: Бот с MiniApp интерфейсом. Часть 1 — Бэкенд на FastAPI, Aiogram, Redis и Centrifugo

Это первая статья из цикла, посвященного разработке телеграм-бота с MiniApp для случайных чатов. В этой части мы сосредоточимся на создании бэкенда, используя современные технологии: FastAPI для разработки API, Redis для хранения данных в реальном времени и Centrifugo для обеспечения мгновенного взаимодействия между пользователями. Сегодня мы подробно разберем архитектуру проекта, настройку серверов и реализацию логики бота. В следующей статье мы переключимся на фронтенд и займемся разработкой MiniApp с использованием фреймворка Vue.js . Это позволит создать интуитивно понятный интерфейс для пользователей, где они смогут настраивать параметры поиска собеседника и общаться в режиме реального времени (Real time).

https://habr.com/ru/companies/amvera/articles/890976/

Делаем авторизацию в Telegram Mini Apps правильно

Если вас заинтересовала тема авторизации, подразумеваю, что вы уже итак знаете что такое Telegram Mini Apps. Поэтому не буду долго размусоливать вступление и перейду сразу к делу. Поехали!

https://habr.com/ru/articles/889270/

TMA Wallet — некастодиальный MPC воллет для вашего Telegram Mini App

Всем привет! Думаю, все уже знают, что в телеге уже год как бум мини-аппов, все тапали хомяка . Подавляющее большинство из них связаны с криптой. Многие хотят внутри приложения давать своим пользователям кошелёк (EVM, TON или Solana, etc.), как некий виртуальный счёт, который можно пополнить, выводить средства, и, самое главное, дергать смарт-контракты. Простое и небезопасное решение - хранить все ключи на серваке, выполнять транзакции от имени юзера. Взлом вашего сервера = потеря всех клиентских средств, добиться доверия в этом случае очень сложно. Сложное и неудобное решение - кошелёк, который юзер должен записать на бумажке и следить за его безопасностью сам. В этом случае, вам лучше вообще использовать WalletConnect или не делать миниапп вообще . Правда, в этом случае UI миниаппа превращается в ад, где юзер должен подтверждать каждое действие во внешнем приложении. Мы искали для нашего миниаппа вариант, который бы давал безопасность некастодиального кошелька, но с максимально гладким UX/UI. И нашли. В этой статье я хочу сделать обзор TMA Wallet ( npm-пакет , сайт , github ) - opensource некастодиального multi-party кошелька, подходящего для любых чейнов, работающего на базе недавно появившееся API Telegram Cloud Storage. Поехали!

https://habr.com/ru/articles/873618/

FastAPI и Vue.js 3: телеграм-бот с MiniApp для записи и автоматических уведомлений. Пишем бэкенд

Сегодня я рад представить новый масштабный проект, в рамках которого мы подробно рассмотрим технологии и подходы, ранее не освещенные в моих статьях. На этот раз мы создадим телеграм-бота с MiniApp (ранее известным как WebApp) — это будет бот с интегрированным мини-сайтом прямо в Telegram. Для реализации проекта мы используем два основных фреймворка: 1. FastAPI — мощный Python-фреймворк, который мы задействуем для разработки API нашего телеграм-бота. Мы рассмотрим уникальный подход, позволяющий создать полноценный бэкенд, который будет закрывать как API-методы, так и функционал телеграм-бота. 2. Vue.js 3 — JavaScript-фреймворк, выбранный за его удобство разработки и возможности создания сложных визуальных элементов. В этой статье мы сосредоточимся на описании бэкенда, а создание приложения на Vue.js 3 будет вынесено на следующую статью.

https://habr.com/ru/companies/amvera/articles/873108/

Сломалась авторизация пользователя в Telegram Bot Mini App (Bot Api 8.0)

Спойлер: Причина написания статьи - сломалась авторизация в Telegram боте Mini App после обновления Bot API 8.0, решение смотри внизу Всех приветствую, относительно не так давно решил написать телеграмм бота, под один небольшой проект, и под эту задачу решил изучить и встроить работу с функционалом телеги - Mini App ( офф дока ). Вообще хочу чуть пролить свет на понятие телеграмм бота не для разработчиков. Это просто отображение вашей программы в уже готовом приложении. Делаю на этом акцент, так как часто сталкиваюсь с непониманием трудозатрат, только потому что конечный результат называется "ботиком", не искушенный заказчик считает что задача от этого сильно упрощается, ведь это всего лишь ботик. Типо Вася с Петей на разных коленках сделают его за 5 минут в перерыве между парами за булочку с повидлом, а ты хочешь еще и денег? Для тех, кто больше занимается бэкендом, телеграмм бот без Mini App - отличное решение. Можно написать довольно сложный проект, интерфейс которого не надо придумывать, а только выбрать из набора допустимых возможностей, то что лучше подходит под вашу задачу (Но к сожалению такой вариант не всегда подходит, и в какой то момент надо кастомизировать ваше приложение - вот тут и выходит на сцену Mini App) Для того, что бы пощупать эту технологии, обычно добавляют ссылку на ресурс в боте. И вуаля, сайт чудесным образом открывается по кнопке из ботика прямо в телеге. Но дальше начинаются сложности (возможно не у всех, но у меня они точно были). Возникает потребность авторизоваться на этом ресурсе (сайте) через функционал телеграмм бота.

https://habr.com/ru/articles/860300/

Разработка Telegram Mini App с помощью React

Telegram Mini App — это веб-приложения, которые открываются внутри мессенджера Telegram. Эти приложения создаются с использованием стандартных веб-технологий, таких как HTML, CSS и JavaScript, и выглядят как обыкновенные сайты. Более подробно о том, что такое Telegram Mini App, мы рассказали в предыдущей статье , а сегодня рассмотрим, как создать собственный Mini App, используя React.

https://habr.com/ru/companies/timeweb/articles/858382/

Пробуем Flutter в Telegram Mini Apps: Насколько хорошее решение для разработки?

Привет, Хабр! Меня зовут Богдан, и я Flutter-разработчик, работающий в аутсорсе. В этой статье на моем примере я расскажу о создании веб-приложения на Flutter для Telegram Mini Apps . Хотите узнать, насколько применим Flutter в вебе, как разработать и запустить свое приложение в Telegram? Тогда нажимай "Читать далее"!

https://habr.com/ru/articles/854406/

Игра 2048 в вашем Telegram-боте: как создать MiniApp с помощью FastAPI и Aiogram за несколько шагов

Превращаем известную игру 2048 в увлекательный Telegram-бот! Расскажу, как за несколько шагов создать MiniApp с помощью FastAPI и Aiogram, интегрировать API и настроить базы данных. Пошаговое руководство для тех, кто хочет освоить разработку на новом уровне.

https://habr.com/ru/companies/amvera/articles/853870/

HMAC-SHA256 и Telegram Mini App

Хеш-функции это по-настоящему есть широта возможностей и в этой статье мы прикоснемся к одной из, а именно - аутентификация сообщения или, проще говоря, определение подлинности тех или иных присланных нам данных. Мы с вами начнем с теории и проникая в глубь мы закончим примером реального security фильтра который наглядно покажет, на примере аутентифицикации сообщения от Telegram - на сколько мощной может быть функция если это хеш-функция . Ну аесли ты просто не знаешь что бывают криптографические и некриптографические хеш-функции, то тебе так же стоит сюда заглянь.

https://habr.com/ru/articles/850298/

Telegram Web App, FastAPI и вебхуки в одном приложении: Создаем Telegram-бот с веб-интерфейсом для приема заявок

Сегодня мы создадим полноценное веб-приложение на FastAPI, которое будет взаимодействовать с Telegram-ботом через MiniApp и вебхуки. В основе проекта — асинхронное взаимодействие с базой данных SQLite с помощью SQLAlchemy, что позволит нам реализовать масштабируемое и эффективное приложение. Наше приложение будет включать как фронтенд, так и API методы для обработки запросов. Все взаимодействия с Telegram-ботом будут осуществляться через вебхуки, что обеспечит быструю и надежную связь. Важным аспектом является то, что мы будем использовать FastAPI для поднятия бота, что позволит интегрировать все компоненты в одном приложении. Для разработки самого бота мы воспользуемся библиотекой Aiogram 3, которая обеспечит удобный и мощный интерфейс для взаимодействия с Telegram API. Это позволит нам быстро реализовать необходимые функции и сделать процесс разработки более эффективным.

https://habr.com/ru/companies/amvera/articles/848644/

Генерация подкаста на основе Telegram-канала, админка для корпоративных Telegram-чатов – и еще 8 российских стартапов

10 новых российских сервисов для генерации мерча, умного родительского контроля, проведения онлайн-занятий и многого другого. Битва за «Продукт недели» началась! Product Radar — здесь каждую неделю публикуются лучшие онлайн-сервисы и железки от русскоязычных команд.

https://habr.com/ru/companies/productradar/articles/848756/

Часть 3. TMA на KMP. Как платить через Telegram Mini Apps

Эта заключительная статья смешивает в себе как часть на Kotlin, самого Web приложения, и на Python, собственно реализация оплаты. Для лучшего понимания рекомендуется прочитать предыдущие части.

https://habr.com/ru/articles/839480/

Часть 1. TMA на KMP. Пишем кликер на Kotlin/JS

В этой статье рассмотрю старт проекта как обычное веб-приложение с минимальным функционалом. Остальные функции будут завязаны на Telegram API и веб-приложение сможет запускаться из Telegram.

https://habr.com/ru/articles/834808/

Архитектурное ядро для создания веб-приложений, ИИ-помощник для Google-календаря – эти и другие российские стартапы

10 новых российских проектов для учета рабочего времени, создания диаграмм и набросков, контроля офисных помещений, удобного прослушивания аудио-книг, монетизации инструментальной музыки и многого другого. Битва за «Продукт недели» началась! Product Radar — здесь каждую неделю публикуются лучшие онлайн-сервисы и железки от русскоязычных команд.

https://habr.com/ru/companies/productradar/articles/819165/

Telegram Apps Center – главный каталог мини-приложений в Telegram с миллионами пользователей

Интервью с руководителем Telegram Apps Center – глобального каталога приложений, который стремится встроиться в приложение Telegram. И кажется, у него есть все шансы это сделать в ближайшие год-два.

https://habr.com/ru/companies/productradar/articles/811399/

Telegram Mini Apps с мгновенной оплатой

Инструкция, посвящённая созданию Telegram Mini Apps с вызовом окна оплаты без создания дополнительной кнопки для этого. Telegram Mini Apps c мгновенным вызовом окна оплаты.

https://habr.com/ru/articles/796793/