首页 > 原创文章 > 软件开发 > 查看文章

Telegram Mini小程序开发介绍

所属分类:软件开发 来源: 丁老师原创 更新时间:2025-07-22 08:45 浏览: 2340 IP属地: 深圳

tapps.png

Telegram Mini小程序基于Javascript开发语言,是集成在Telegram应用内的轻量化网页应用。类似微信小程序,可以直接在Telegram对话或群组中运行而无需单独下载。

Telegram小程序支持的应用程序:
Telegram for Android android;
Telegram for iOS ios;
Telegram for macOS macos;
Telegram Desktop tdesktop;
Telegram Web A weba;
Telegram Web K web;

Telegram小程序开发语言:
Telegram小程序是标准的web应用程序,显示在WebView中。可以理解为就是是一组静态文件构成的APP。要创建Telegram小程序,具备基础的的前端开发技术就可以了,如javascript、css、html等。

Telegram小程序开发流程:
1.创建Telegram小程序首先要创建机器人(Telegram Bot),只有创建了机器人才能创建小程序
2.根据官方提供的框架,创建项目。也可选择如Vue、React等框架自行搭建。

#通过官方框架创建命令
npx @telegram-apps/create-mini-app@latest

#如使用Vue,需导入Telegram相关依赖
npm i @telegram-apps/sdk-vue

3.据项目需求,安装状态管理工具(如Redux)、路由库、与合约交互的库(如web3js或ethersjs)、钱包插件(如Web3Modal)以及UI库等相关依赖。
4.创建机器人,在Telegram中搜索@BotFather,输入/newbot,按照提示填写机器人名称(以 bot 结尾),创建成功后会生成一个 Http API 的 hash,需保存好。
5.创建小程序:继续在@BotFather中输入/newapp,按照提示填写机器人名称、小程序标题、描述等信息,上传小程序Logo图片(尺寸640*360),输入小程序的url(https开头,若本地开发可通过mkcert和local-ssl-proxy配合,或使用ngrok、frp等工具生成https链接),填写应用名称,完成后会生成一个小程序链接。
6.启动本地项目,将@BotFather生成的链接放到创建的机器人中打开,即可在Telegram中预览和调试小程序。
7.发布上线,完成开发和测试后,可将小程序提交至Telegram审核(若有相关要求),审核通过后,可将其链接添加到Telegram频道、群组或应用中心等,供用户使用。

文章提示:
1.本文为技术探讨,不提供Telegram程序下载。
2.网络并非不法之地,请不要开发违法违规,或是带有灰色擦边性质的程序。做一个守法、诚信、正直的程序员!

标签:

相关文章

关于使用Zipkin与RabbitMQ的追踪...

有同学提问,使用的Spring Boot框架,有两个微服务,为了实现追踪,使用了<artifactId spring-cloud-sleuth-zipkin</artifactId 以及zipkin。A服务是生产者,通过Ra...

JS/Php/Java/Python常用语法...

js#replace替换 var str="Hello world! world is beautiful."; var str_new=str.replace("world","Jav...

微信小程序开发生成普通二维码打开小程序的方法

在开发微信小程序的过程中,生成的是带有logo的小程序二维码,并且这个二维码不是通用的二维码,而是只能用微信打开的专属二维码,如图:遇到这样一个需求,生成的二维码要方形的通用二维码,并且不能带有小程序的logo。这种该怎么实现呢?经过查...

Python常用命令

切换源为国内pip config set global.index-url https://mirrors.aliyun.com/pypi/simple/国内常用源清华大学: https://pypi.tuna.tsinghua.edu...

推荐文章

Mysql导入文件,source命令/php...

用phpmyadmin导入大数据库文件时,容易502 bad gateway,可以直接在linux上用mysql原生命令导入。1.上传sql文件到目录用Xshell登录服务器,将迁移过来的 sql 文件移到 home 目录下,方便下一步的...

微信小程序从开发到实现微信支付的全过程

微信小程序部分一、完善小程序基本信息1.用管理员账号登录微信小程序(https://mp.weixin.qq.com/);2.左侧菜单选择首页;3.完善小程序的基本信息,包括小程序名称、小程序类目、微信认证、微信备案等。二、小程序开发配置1...

Uniapp开发小程序内的图片扫码

在使用uniapp开发的小程序内,打开图片,长按没有弹出菜单,无法扫码,此时只需在图片上加入show-menu-by-longpress即可完整代码:<image :src="picture" mode="...

Mysql 1267 Illegal mix...

这个问题,用普通sql语句查询,好解决,把表的字符编码改为对应的就可以了。 但在使用视图查询时,比如select 'aaa' as type from xxx; select * from view where type=...

当前在线
免费咨询