@Scilef поделился отличной статьей-инструкцией о запуске TMA на localhost:

Чтобы открыть ТМА, который крутится у вас на локальном сервере (вашем компьютере), с телефона, нужно по порядку выполнить следующие действия:

1. Устанавливаем cloudflared CLI (как это сделать - читаем здесь)

2. Пишем команду ниже в терминал и запоминаем адрес, который нам выдадут в рамочке

cloudflared tunnel --url http://localhost:5173

Почему 5173? Потому что стандартный url от сборщика Vite – localhost:5173

3. Идём в @BotFather и обновляем ссылку в меню на полученную в пункте 2
/mybots -> Выбираем нужного бота -> Bot Settings -> Menu Button -> Edit menu button URL

4. Дополнительно настраиваем Mini App и добавляем ссылку в меню на полученную в пункте 2
/mybots -> Выбираем нужного бота -> Bot Settings -> Configure Mini App -> Enable Mini App

----
Если у вас локально запущен API сервер в докере, делаем следующее:

5. В docker-compose.yml открываем порты для АПИ (я использую 84 порт) контейнеров

6. Запускаем контейнеры

7. Пишем команду ниже в терминал и снова запоминаем адрес

cloudflared tunnel --url http://localhost:84

8. В коде ТМА заменяем домен для доступа к АПИ на полученный в предыдущем пункте
----

ву-а-ля
теперь мы можем открывать ТМА из этого бота с любого устройства! 😎
благодарим за столь выразительный почерк 😄

#FREEDUROV

пожалуйста все те кто находится во франции, выпустите Дурова оттуда 😭

пока с лидером цифрового сопротивления неизвестно что происходит, мы будем делиться полезным материалом 🌼

цвет текста в шапке mini app генерируется автоматически в зависимости от цвета фона. чтобы изменить цвет фона, используйте метод setBackgroundColor(#RRGGBB).

надеюсь наши вечерные советы утепляют ваше сердечко в это время 😔

спасибо @yankovich_u

#tmadevs #tmatips #freedurov

До изучения TMA мы были такими 🕺

чтобы запустить и протестировать свое приложение, не нужно разворачивать свой CI/CD, можно использовать ready-to-use cloud решения:

Для фронта:
https://vercel.com/
https://www.netlify.com/
https://pages.cloudflare.com/

Для бека и фронта:
https://railway.app/

Для БДшек:
https://www.mongodb.com/products/platform/atlas-database - Mongo ❤️
https://supabase.com/database - PostgreSQL

Storage:
https://supabase.com/storage
https://www.cloudflare.com/developer-platform/r2/

нужно еще? пиши об этом в комментах 😄

мы знаем, вы ждали. мы тоже, что ж, процесс запущен, внизу ссылка на наше первое видео про разработку telegram mini apps

https://www.youtube.com/watch?v=QoJIbjp0-tc

лайк-подписка-коммент и мы благодарим вас все больше 😎

Если вы еще используете expressjs, мы рады, что по крайней мере вы используете nodejs для бека.

но мы рекомендуем Nestjs 😘

по-судите сами:
🕺 Express - Node.js web application framework
💪 NestJS - A progressive Node.js framework

Основные фишки:
- Инъекция зависимостей (Dependency Injection)
- Декораторы и метаданные (@Controller, @Injectable, @UseGuards)
- Встроенная обработка ошибок и фильтры исключений
- Множествено кастомных модулей и библиотек
- Поддержка микросервисов
- Интеграция с популярными ORM и ODM
- Ну и конечно же TypeScript из коробки

Поэтому ваш новый проект, начинайте с NestJS 🚬

А дальше вы сами все знаете - великая благодарность tmadevs за их советы 😄

ну что ж, доброго вечера 😎

завтра выйдет еще один выпуск @tmadevs с @zeroikins.
поговорили о SBT, TON ивентах и конечно же как строить свое коммьюнити 😐

в 19:00 по МСК запасаемся поп-корном и скрашиваем вечер 💃

тун тууун, тун тун тууун. отличного всем вечера 😎

@zeroikins с нами 💪

все остальные комментарии излишни. дико будем рады за лайк и подписку ❤️

https://www.youtube.com/watch?v=_0GxhgXBARQ

когда-то @evaaprotocol выглядела вот так 🕺

потом туда пришел один из разработчиков @tmadevs и все стало работать так 🕺

ну а сейчас сами все видите 💪

из сильных сторон, @evaaappbot работает полностью через TON и не требует бекенда, настоящий DeFi 😄

Начинаем запускать свои open-source решения для TMA приложений.

Внизу полностью работающее приложение
https://github.com/tmadevs/tma-react-nestjs-mongo

Из стека:
Frontend:
- React\Typescript
- @telegram-apps
- tailwind + shadcn

Backend:
- Nestjs
- Telegraf
- Mongo

Можете попробовать запустить у себя и если есть комментарии пишите – поможем 💃

Вопрос к вам, какие хочется видеть модули?:
- Реферальная система
- Таски
- Валидация TON кошелька
- Функционал для игр
- Что-то еще?

Пишите в комментах 😎

P.S. Если кто-то хочет поучаствовать в развитии, тоже welcome ☄️

кого бы хотели видеть следующим гостем в нашем Youtube?🍷

один из сильнейших выпусков, который мы снимали, уже завтра будет в Youtube в 19:00

Говорим про тапалки, как находить трафик и как на них зарабатывать 😳

Все что надо знать о тапалках, а главное как на них зарабатывать — рассказывает @andrey_proup

📱 https://youtu.be/9zHktyTbGbY?si=Upyly82zcuUdIkRQ

Основные темы:
– Опыт Андрея и как он зашел в TON?
– Обсуждаем тапалку NotBoredPuppies
– Как произошло партнерство с Notcoin?
– Как Notcoin бустит проекты?
– Зачем создавать свою тапалку?
– Как тапалки зарабатывают?
– Как распределяется аудитория?
– Возможности движка NotBoredPuppies
– Что произойдет когда залистятся Хомяки?
– Сколько осталось тапалкам?
– Что будет после тапалок?
– Куда трансформировать тапалку?
- Стоит ли запускать тапалку сейчас?

Андрей набирает людей в команду, посмотрите ролик он обо всем рассказывает 😎

что ж, если кто-то уже использует наш boilerplate для запуска TMA, для вас хорошие новости 😎

– Добавили возможность приглашать друзей
– Добавили компоненты для приглашения друзей
– Пофксили мелкие баги при запуске

https://github.com/tmadevs/tma-react-nestjs-mongo/

Будем благодарны за старсы и за подписку в гитхабе 📱

коммиты:
– https://github.com/tmadevs/tma-react-nestjs-mongo/commit/bb692c38593b577b23cb96bf9cb26b63a9379d2a
– https://github.com/tmadevs/tma-react-nestjs-mongo/commit/059fdc6709af1b75f141719decf9f915f6769bfa