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

Telegram Mini小程序开发介绍

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

标签:

相关文章

PHPExcel列自适应宽度的方法

有同学提问,在使用PHPExcel时,使用自带的setAutoSize方法无效,代码如下:$PHPExcel- getActiveSheet()- getColumnDimension(PHPExcel_Cell::stringFrom...

Html网页调用打开微信小程序白屏的问题解决...

最近好多学员在问,自己开发的小程序,需要用html网页打开,按照网上的教程,没有一个成功的,希望丁老师帮助下。我说没问题,然后去网上看了一下,关于使用h5打开微信小程序这个问题,全部都是只言片语,没有一篇完整的内容,大家把各种代码东拼西...

宝塔面板phpmyadmin数据库表导航树禁...

宝塔面板的phpmyadmin,默认数据库表导航树是每30个一页,非常的不直观,可以通过修改宝塔phpmyadmin配置文件的方式来禁止他分页。修改方法:1.进入服务器/www/server/phpmyadmin/phpmyadmin_...

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

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

推荐文章

Composer self-update 更...

1. composer版本更新文档版本号:https://getcomposer.org/download中文网:https://docs.phpcomposer.com/03-cli.html#self-update英文网:https:/...

PhpStorm怎么取消html文件中sty...

phpstorm程序中,在打开html时总会出现对 style属性的折叠和隐藏,这样在检查代码的时候非常不直观,容易漏掉很多东西,非常的不方便,如图:

微信小程序和APP有什么区别?到底该做哪个?

经常有新客户咨询丁老师,微信小程序和APP有什么区别呢?一般情况下来说应该做哪个?今天丁老师就这个问题做一下介绍。微信小程序和APP的区别微信小程序微信小程序微信平台运行,无需下载安装,用户通过微信搜索、扫码或者朋友分享就能直接使用,用完即...

Uniapp开发微信小程序时,微信开发者工具...

在使用uniapp开发微信小程序,微信开发者工具调试时,明明已经给了获取位置权限,但还是提示需要打开gps获取位置,具体解决办法如下:打开uniapp的manifest.json文件,切换到源码模式,找到mp-weixin节点"p...