Лента новостей

Готовим Telegram Mini App без туннеля и с Hot Module Reload на React, TypeScript

На Habr появился подробный мануал как собрать комфортную девелопмент среду для разработки Telegram Mini App. Под комфортом понимается ситуация когда тебе не нужно выгружать свое приложение в облако, чтобы увидеть результат работы в телеге, или запускать туннель типа ngrok, который после каждого перезапуска меняет ссылку. Нет уверенности, что HMR можно получить через туннель. Поэтому предлагается собственное решение, так сказать себе и потомкам.

Ингредиенты.

  • Vite с шаблоном React, TypeScript
  • mkcert для генерации self-sign сертификата
  • /etc/hosts
  • @tma.js/sdk
Полный текст мануала тут: https://habr.com/ru/articles/789442/

Что будет в статье?

  • Автор статьи предлагает решение для комфортной разработки Telegram Mini App без необходимости использования облачных сервисов или туннелей.
  • В статье описывается процесс создания нового проекта с использованием Vite и TypeScript, а также генерации самоподписанных сертификатов с помощью mkcert.
  • Автор также предоставляет инструкции по настройке vite.config.ts для обеспечения работы HMR и HTTPS.
  • В статье также описывается процесс создания и настройки Telegram бота, включая создание Web App и настройку кнопки запуска Web App в боте.
  • В конце статьи автор предлагает запустить бота и проверить изменения в приложении, а также упоминает, что раздел с установкой и настройкой @tma.js/sdk был опущен.
  • Автор выражает готовность к конструктивным улучшениям и приглашает к обсуждению в комментариях.

Обсудить мануал можно в чате по Telegram Mini Apps на русском языке, а новые материалы оперативно выходят в нашем Телеграм-канале.
Мануалы