
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-vue3.据项目需求,安装状态管理工具(如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.网络并非不法之地,请不要开发违法违规,或是带有灰色擦边性质的程序。做一个守法、诚信、正直的程序员!
在开发CodeIgniter的上传功能时,提示uploadpathdoesnotappeartobevalid,说是上传路径错误,但是仔细检查了设置的路径是对的。怎么还出现这个提示呢?经过丁老师研究,是因为CodeIgniter的官方文...
在fastadmin中,一个页面的非菜单链接,想要点击后打开指定页面,并且菜单自动展开,该怎么实现呢?经过丁老师研究后,发现超级简单,废话不多说,直接上代码:<a class="btn-addtabs" hre...
在进行vue开发中,经常会遇到复制对象,赋值新对象后,原对象值被改变的问题,举个例子:let old={"a":1,"b":2}let new=old;new['c']=3;这个时...
适用于ecshop的微信文章采集插件包
在日常开发过程中,突然发现svn无法提交和更新,出现“nopathorpathfilespecifiedonthecommandline”的错误,网上搜了一圈百度google以及stackoverflow都没找到真正能解决问题的办法,本着不...
微信公众号可以把官网的网页集成进去吗?想通过微信公众号实现打开公司网站的页面,具体要怎么实现呢?其实这个功能,可以通过微信菜单的方式来实现...
在用photoshop设计时,有的同学会发现,在网页中设置的宽度1000px,截屏后,再用photoshop打开后测量同样图像的宽度时,这个宽度就不是1000像素,而是1200多甚至1300多,是个很奇怪的问题,丁老师检查了photosho...
问题:fastadmin的add/edit方法无法保存数据,检查了页面,name=row['name']正常传送,检查controller,也是默认的方法,什么也没有动可就是无法保存数据。解决:经过仔细研究发现,原来是htm...