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

Telegram Mini小程序开发介绍

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

标签:

相关文章

IntelliJ/phpstorm/webs...

在使用jet brains的ide开发代码时,经常性的会输入单引号或双引号,ide默认有对于引号的自动完成功能,即输入一个引号,自动显示两个,这一点其实做的很不智能,因为在使用时经常会有显示出3个的情况,那么怎么关闭这个功能呢?file...

微信小程序图片显示不了报404错误的解决办法

该问题指针对使用宝塔BT面板的同学。在日常开发微信小程序的过程中,突然发现很简单的一个图片调用报404错误了,检查URL是正确的呀,在浏览器中可以打开,并且检查了服务器文件夹,的确有这个文件,排除了缓存的可能,那么到底是什么问题造成微信...

如何去掉Wordpress中底部Powere...

有客户咨询,在Wordpress,如何去掉页面底部的Powered by wordpress字符呢?在后台设置的“页面显示-自定义”中,也没有底部页脚内容设置的选项,这个要怎么去掉呢?其实这个问题很简单,只需要进入该主题的目录,对相关的...

FastAdmin add/edit方法不更...

问题:fastadmin的add/edit方法无法保存数据,检查了页面,name=row['name']正常传送,检查controller,也是默认的方法,什么也没有动可就是无法保存数据。解决:经过仔细研究发现,原来是h...

推荐文章

抖音小程序开发的流程是什么?

开发抖音小程序是一个涉及多个步骤的过程,需要准备相应的资料和工具。以下是开发抖音小程序需要准备的资料和步骤:1. 入驻抖音开发平台:首先,你需要在抖音开放平台注册一个开发者账号,并完成主体认证和对公认证。如果未完成认证,你可以在沙盒工具中创...

photoshop打不开任何文件的解决方法

有同学反应,在使用photoshop时,忽然文件打不开了,先后试了下psd格式、jpg格式、png格式的,等等等等,全都打不开,重启了电脑也不行,这是怎么回事呢?经过丁老师研究后发现,这是因为安装的是非正版photoshop,在使用时,没有...

软件项目交付前要完成几项测试?如何测试?

在很多外包软件定制项目中,比如开发的APP/小程序、网站、业务管理系统等,甲方在项目验收时,评估的标准是软件功能是否达到预期,交付的内容和资料是否完整,软件整体是否可用,但除了上述内容,乙方还需要对即将交付的软件进行整体测试,包含多道测试流...

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

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