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

Telegram Mini小程序开发介绍

所属分类:软件开发 来源: 丁老师原创 更新时间:2025-07-22 08:45 浏览: 2654 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.网络并非不法之地,请不要开发违法违规,或是带有灰色擦边性质的程序。做一个守法、诚信、正直的程序员!

标签:

相关文章

微信支付常见问题及解决办法

微信支付常见问题及解决办法

Mysql中5.7以下版本对Json数据的处...

在Mysql中,5.7以下版本是不支持Json对象的,但是可以将数据以json字符串的形式,保存在数据库的text字段中。以下是针对Mysql5.7以下版本json字符串的一些处理方法。#根据键值name查询(需要注意单双引号) sel...

Elasticsearch Entitlem...

有同学咨询,在使用Elasticsearch时,出现WARN提示信息的,如何解决这个问题?如果不影响使用的话,是否可以隐藏掉这个警告信息呢?警告信息如下:[WARN][org.elasticsearch.entitlement.runt...

微信支付接口设置fee_type=usd无效...

在开发微信支付,和微信统一下单接口对接时,发现传递的fee_type参数只能设置为'CNY',无法设置为'USD'、'HKD'等其他货币。官方文档上对fee_type参数的描述,可以支持多...

推荐文章

Mysql 1267 Illegal mix...

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

您的nahimic驱动程序似乎已经过期的解决...

打开电脑的Nahimic软件,提示“您的nahimic驱动程序似乎已经过期,无法启动”,然后需要点击链接更新驱动,但点击进去后,也找不到什么驱动。经过研究发现解决办法:1.使用SDI安装,即Snappy Driver Installer 1...

宝塔"在未指定SSL默认站点时,未开启SSL...

宝塔系统相关问题解决方法

IDEA IDE换行自动显示的}括号如何去掉

在使用idea旗下的产品,如intellij idea,php storm,web storm时,有的时候编辑前端页面JS,在换行时经常会自动出现个}大括号,这一点程序不是很智能,其实后边都已经有括号了。比如下图这样:那么如何解决这个问题呢...