Mastodon on ZHub

0 posts0 participants0 posts today

HabrFastAPI и Vue.js 3: телеграм-бот с MiniApp для записи и автоматических уведомлений. Пишем бэкендСегодня я рад представить новый масштабный проект, в рамках которого мы подробно рассмотрим технологии и подходы, ранее не освещенные в моих статьях. На этот раз мы создадим телеграм-бота с MiniApp (ранее известным как WebApp) — это будет бот с интегрированным мини-сайтом прямо в Telegram. Для реализации проекта мы используем два основных фреймворка: 1. FastAPI — мощный Python-фреймворк, который мы задействуем для разработки API нашего телеграм-бота. Мы рассмотрим уникальный подход, позволяющий создать полноценный бэкенд, который будет закрывать как API-методы, так и функционал телеграм-бота. 2. Vue.js 3 — JavaScript-фреймворк, выбранный за его удобство разработки и возможности создания сложных визуальных элементов. В этой статье мы сосредоточимся на описании бэкенда, а создание приложения на Vue.js 3 будет вынесено на следующую статью.<a href="https://habr.com/ru/companies/amvera/articles/873108/" target="_blank" rel="nofollow noopener noreferrer" translate="no">https://habr.com/ru/companies/amvera/articles/873108/</a><a href="https://zhub.link/tags/fastapi" class="mention hashtag" rel="tag">#fastapi</a> <a href="https://zhub.link/tags/sqlalchemy" class="mention hashtag" rel="tag">#sqlalchemy</a> <a href="https://zhub.link/tags/sqlalchemy_20" class="mention hashtag" rel="tag">#sqlalchemy_20</a> <a href="https://zhub.link/tags/telegram_bot" class="mention hashtag" rel="tag">#telegram_bot</a> <a href="https://zhub.link/tags/telegram_bot_api" class="mention hashtag" rel="tag">#telegram_bot_api</a> <a href="https://zhub.link/tags/telegram_mini_app" class="mention hashtag" rel="tag">#telegram_mini_app</a> <a href="https://zhub.link/tags/telegram_web_app" class="mention hashtag" rel="tag">#telegram_web_app</a> <a href="https://zhub.link/tags/telegram_web_app_bot" class="mention hashtag" rel="tag">#telegram_web_app_bot</a> <a href="https://zhub.link/tags/apscheduler" class="mention hashtag" rel="tag">#apscheduler</a> <a href="https://zhub.link/tags/python" class="mention hashtag" rel="tag">#python</a>

HabrИгра 2048 в вашем Telegram-боте: как создать MiniApp с помощью FastAPI и Aiogram за несколько шаговПревращаем известную игру 2048 в увлекательный Telegram-бот! Расскажу, как за несколько шагов создать MiniApp с помощью FastAPI и Aiogram, интегрировать API и настроить базы данных. Пошаговое руководство для тех, кто хочет освоить разработку на новом уровне.<a href="https://habr.com/ru/companies/amvera/articles/853870/" target="_blank" rel="nofollow noopener noreferrer" translate="no">https://habr.com/ru/companies/amvera/articles/853870/</a><a href="https://zhub.link/tags/telegram" class="mention hashtag" rel="tag">#telegram</a> <a href="https://zhub.link/tags/telegram_mini_app" class="mention hashtag" rel="tag">#telegram_mini_app</a> <a href="https://zhub.link/tags/telegram_web_app" class="mention hashtag" rel="tag">#telegram_web_app</a> <a href="https://zhub.link/tags/telegrambot" class="mention hashtag" rel="tag">#telegrambot</a> <a href="https://zhub.link/tags/python" class="mention hashtag" rel="tag">#python</a> <a href="https://zhub.link/tags/fastapi" class="mention hashtag" rel="tag">#fastapi</a> <a href="https://zhub.link/tags/sqlite3" class="mention hashtag" rel="tag">#sqlite3</a> <a href="https://zhub.link/tags/sqlalchemy_20" class="mention hashtag" rel="tag">#sqlalchemy_20</a> <a href="https://zhub.link/tags/alembic" class="mention hashtag" rel="tag">#alembic</a>

HabrСоздание Telegram Web App с FastAPI: Генерация, сканирование QR-кодов камерой устройства и деплой за 5 минутПривет, друзья! Ваш теплый отклик на мою прошлую статью о разработке Telegram-ботов с использованием технологии MiniApp вдохновил меня на создание нового проекта. Сегодня вы узнаете, как создать Telegram Web App с помощью FastAPI и Aiogram 3, который сканирует и генерирует QR-коды. В статье приведены шаги от установки зависимостей и настройки вебхуков до написания кода на фронте и бэке, и до деплоя проекта.<a href="https://habr.com/ru/companies/amvera/articles/852490/" target="_blank" rel="nofollow noopener noreferrer" translate="no">https://habr.com/ru/companies/amvera/articles/852490/</a><a href="https://zhub.link/tags/telegram_web_app" class="mention hashtag" rel="tag">#telegram_web_app</a> <a href="https://zhub.link/tags/telegram_web_app_js" class="mention hashtag" rel="tag">#telegram_web_app_js</a> <a href="https://zhub.link/tags/fastapi" class="mention hashtag" rel="tag">#fastapi</a> <a href="https://zhub.link/tags/telegram_webhook" class="mention hashtag" rel="tag">#telegram_webhook</a> <a href="https://zhub.link/tags/python" class="mention hashtag" rel="tag">#python</a> <a href="https://zhub.link/tags/%D0%B2%D0%B5%D0%B1%D1%80%D0%B0%D0%B7%D1%80%D0%B0%D0%B1%D0%BE%D1%82%D0%BA%D0%B0" class="mention hashtag" rel="tag">#вебразработка</a> <a href="https://zhub.link/tags/%D0%93%D0%B5%D0%BD%D0%B5%D1%80%D0%B0%D1%86%D0%B8%D1%8F_QR%D0%BA%D0%BE%D0%B4%D0%BE%D0%B2" class="mention hashtag" rel="tag">#Генерация_QRкодов</a> <a href="https://zhub.link/tags/aiogram" class="mention hashtag" rel="tag">#aiogram</a> <a href="https://zhub.link/tags/aiogram3" class="mention hashtag" rel="tag">#aiogram3</a>

HabrTelegram Web App, FastAPI и вебхуки в одном приложении: Создаем Telegram-бот с веб-интерфейсом для приема заявокСегодня мы создадим полноценное веб-приложение на FastAPI, которое будет взаимодействовать с Telegram-ботом через MiniApp и вебхуки. В основе проекта — асинхронное взаимодействие с базой данных SQLite с помощью SQLAlchemy, что позволит нам реализовать масштабируемое и эффективное приложение. Наше приложение будет включать как фронтенд, так и API методы для обработки запросов. Все взаимодействия с Telegram-ботом будут осуществляться через вебхуки, что обеспечит быструю и надежную связь. Важным аспектом является то, что мы будем использовать FastAPI для поднятия бота, что позволит интегрировать все компоненты в одном приложении. Для разработки самого бота мы воспользуемся библиотекой Aiogram 3, которая обеспечит удобный и мощный интерфейс для взаимодействия с Telegram API. Это позволит нам быстро реализовать необходимые функции и сделать процесс разработки более эффективным.<a href="https://habr.com/ru/companies/amvera/articles/848644/" target="_blank" rel="nofollow noopener noreferrer" translate="no">https://habr.com/ru/companies/amvera/articles/848644/</a><a href="https://zhub.link/tags/fastapi" class="mention hashtag" rel="tag">#fastapi</a> <a href="https://zhub.link/tags/telegram_bot" class="mention hashtag" rel="tag">#telegram_bot</a> <a href="https://zhub.link/tags/aiogram_3" class="mention hashtag" rel="tag">#aiogram_3</a> <a href="https://zhub.link/tags/sqlalchemy" class="mention hashtag" rel="tag">#sqlalchemy</a> <a href="https://zhub.link/tags/telegram_webapp" class="mention hashtag" rel="tag">#telegram_webapp</a> <a href="https://zhub.link/tags/telegram_webhook" class="mention hashtag" rel="tag">#telegram_webhook</a> <a href="https://zhub.link/tags/telegram_mini_app" class="mention hashtag" rel="tag">#telegram_mini_app</a> <a href="https://zhub.link/tags/Telegram_Web_App" class="mention hashtag" rel="tag">#Telegram_Web_App</a> <a href="https://zhub.link/tags/Telegram_Web_App_JS" class="mention hashtag" rel="tag">#Telegram_Web_App_JS</a> <a href="https://zhub.link/tags/Telegram_Web_App_bot" class="mention hashtag" rel="tag">#Telegram_Web_App_bot</a>

HabrРазработка Telegram Web App с помощью HappyX и telebotВ этой статье я расскажу вам, как можно с помощью Nim разработать Telegram Web App, используя HappyX и telebot.<a href="https://habr.com/ru/articles/826466/" target="_blank" rel="nofollow noopener noreferrer" translate="no">https://habr.com/ru/articles/826466/</a><a href="https://zhub.link/tags/Nim" class="mention hashtag" rel="tag">#Nim</a> <a href="https://zhub.link/tags/HappyX" class="mention hashtag" rel="tag">#HappyX</a> <a href="https://zhub.link/tags/telebot" class="mention hashtag" rel="tag">#telebot</a> <a href="https://zhub.link/tags/telegram_web_app" class="mention hashtag" rel="tag">#telegram_web_app</a> <a href="https://zhub.link/tags/opensource" class="mention hashtag" rel="tag">#opensource</a> <a href="https://zhub.link/tags/tutorial" class="mention hashtag" rel="tag">#tutorial</a> <a href="https://zhub.link/tags/%D0%BF%D1%80%D0%BE%D0%B3%D1%80%D0%B0%D0%BC%D0%BC%D0%B8%D1%80%D0%BE%D0%B2%D0%B0%D0%BD%D0%B8%D0%B5" class="mention hashtag" rel="tag">#программирование</a> <a href="https://zhub.link/tags/%D0%B2%D0%B5%D0%B1%D0%BF%D1%80%D0%B8%D0%BB%D0%BE%D0%B6%D0%B5%D0%BD%D0%B8%D1%8F" class="mention hashtag" rel="tag">#вебприложения</a> <a href="https://zhub.link/tags/web%D1%80%D0%B0%D0%B7%D1%80%D0%B0%D0%B1%D0%BE%D1%82%D0%BA%D0%B0" class="mention hashtag" rel="tag">#webразработка</a> <a href="https://zhub.link/tags/web%D0%BF%D1%80%D0%BE%D0%B3%D1%80%D0%B0%D0%BC%D0%BC%D0%B8%D1%80%D0%BE%D0%B2%D0%B0%D0%BD%D0%B8%D0%B5" class="mention hashtag" rel="tag">#webпрограммирование</a>

Recent searches

Search options

Administered by:

Server stats:

#telegram_web_app