기술 사업 및 스타트업 테크노에 대한 모든 것 Tae-yang (태양) 3월 8, 2025 0 Comments

이 템플릿으로 Telegram Mini 앱을 구축하는 데 걸리는 시간을 단축하십시오.

TMA (Telegram Mini Apps)의 세계로 뛰어 들기를 간절히 원하지만 설정 갈기를 두려워하고 있습니까? 인사하십시오 TMA 스타터 키트-최소한의 소란과 최대 생산성으로 Telegram Mini App Journey를 시작하도록 설계된 즉시 사용 가능한 최신 개발 툴킷. 대화식 웹 인터페이스로 봇을 구축하든 Telegram의 성장하는 생태계를 탐색하든이 스타터 키트는 귀하를 다루고 있습니다. 그것이 무엇인지, 왜 굉장한 지, 그리고 다음 프로젝트를 어떻게 충전 할 수 있는지 풀어 보자.

TMA 스타터 키트 란 무엇입니까?

TMA 스타터 키트는 Telegram Mini 앱을 만들기위한 사전 구축 된 기초입니다. 그것을 런치 패드로 생각하십시오 : 매끄러운 프론트 엔드, 튼튼한 백엔드가있는 완전히 통합 된 스택, 그리고 도구를 모두 묶어 도구를 함께 묶습니다. 보일러 플레이트 코드로 레슬링을하거나 테크놀로지를 함께 사용하는 대신 상자에서 떨어질 준비가 된 세련된 출발점을 얻을 수 있습니다.

개발자가 개발자가 구축 한이 키트는 속도, 단순성 및 확장성에 관한 것입니다. 완벽합니다 :

새로운 Telegram Bot Idea를 며칠이 아닌 몇 시간 안에 프로토 타이핑합니다.
전문 기술 스택으로 제작 준비가 된 미니 앱을 구축합니다.
웹 앱을 Telegram의 생태계와 통합하는 방법을 배웁니다.

TMA 스타터 키트를 사용하는 이유는 무엇입니까?

Telegram Mini 앱이 이륙하고 있습니다. 비즈니스, 제작자 및 개발자는 원활한 인앱 경험을 제공 할 수있는 잠재력을 활용하고 있습니다. 그러나 TMA를 처음부터 설정하는 데 두통이 될 수 있습니다. 프론트 엔드 구성, 백엔드 배선, 데이터베이스 관리 및 모든 시간이 걸립니다. 그것이 TMA 스타터 키트가 빛나는 곳입니다. 당신이 그것을 좋아할 이유는 다음과 같습니다.

1. 사전 구성된 스택으로 시간을 절약하십시오

더 이상 인터넷 검색 “vue.js를 Go와 연결하는 방법”또는 “MongoDB 용 Docker 설정”. 이 키트는 필요한 모든 것이 사전 배선되므로 인프라가 아닌 제작 기능에 집중할 수 있습니다.

2. 현대적이고 개발자 친화적 인 도구

우리는 강력하면서도 접근 할 수있는 스택을 선택했습니다.

프론트 엔드: Quasar (vue.js를 구축) TypeScript 및 Composition API – Fast, Flexible, Slick Mini App 인터페이스를 제작하기에 적합합니다.
백엔드: GO (GOLANG) – Telegram Bots가 의존 할 수있는 API에 가벼운, 성능 및 API에 이상적입니다.
데이터 베이스: MongoDB- 앱 데이터를위한 유연하고 확장 가능한 스토리지.

3. Dockerized 및 배포 준비

Docker Compose가 구워지면 단일 명령으로 전체 앱 (Frontend, Backend 및 Database)을 회전 할 수 있습니다. 앱을 세상과 공유하고 싶습니까? 포함 된 LocalTunnel 설정을 사용하여 몇 분 안에 공개 URL을 얻으십시오.

4. 확장 가능하고 모듈 식 디자인

이 프로젝트는 명확하고 논리적 인 조각 (앞서, 백엔드 및 DevOps)으로 나뉘어 앱이 증가함에 따라 구성 요소를 조정, 확장 또는 스왑 할 수 있습니다.

5. 전보 통합이 간단하게 만들어졌습니다

앱을 전보에 연결하는 프로세스를 간소화했습니다. 봇을 만들고 미니 앱을 연결하면 단계별 지침을 사용하여 살고 있습니다.

키트 안에 무엇이 있습니까?

TMA 스타터 키트는 선명도와 사용 편의성을 위해 구성되어 있습니다. 고장은 다음과 같습니다.

frontend/: Quasar (vue.js)로 구동되는 미니 앱의 핵심. Composition API와 함께 TipeScript로 작성된 경우 Telegram 사용자가 상호 작용할 사용자 경험을 제작합니다.
backend/: 앱의 논리, 데이터 처리 및 프론트 엔드와의 통신을 처리하는 Go 기반 API. 그것은 마른, 빠르며, 사용자 정의 엔드 포인트에 대한 준비가되어 있습니다.
devops/: 배포 도구 상자 – Docker는 파일, CI/CD 구성 및 스크립트를 구성하여 모든 것을 원활하게 실행하도록합니다.

이 작품들은 함께 일관성과 이식성을 위해 dockerized 응집력있는 시스템을 형성합니다. 노트북을 코딩하든 서버에 배포하더라도 작동합니다.

어떻게 작동합니까?

시작하는 것은 산들 바람입니다. 빠른 요약은 다음과 같습니다.

로컬로 실행하십시오: 앱을 발사하십시오 docker compose -f devops/docker-compose.dev.yml up -d. 당신의 프론트 엔드, 백엔드 및 mongodb는 컨테이너에서 생겨날 것입니다.
공개하십시오: 사용 localtunnel (lt --port 9000 --subdomain my-app) 고유 한 URL로 온라인으로 앱을 노출하려면.
Telegram에 연결하십시오: Botfather로 봇을 만들고, 앱의 URL을 연결하고, 미니 앱이 Telegram에서 살아남는 것을 지켜보십시오.

15 분 이내에 0에서 Working Telegram Mini 앱으로 이동할 수 있습니다. 농담이 없습니다!