分享【电报小程序Telegram mini app】我的第一个电报小程序开发之路

头像
185****0812
586阅读36评论

无意间看到最近电报小程序掀起了一股浪潮,随着TG官方对于TON链生态圈的不断完善;敏感者似乎发现了一些机会;

相比于运行在浏览器的去中心化Dapp,TG小程序的有着更便捷、更快速的钱包交互;背靠Telegram十亿月活用户的TON生态,拥有强大的用户基础和广泛的应用前景。TON生态系统与Telegram的整合不仅增强了其用户基础的交互性,而且通过其机器人(BOT)功能大大提升了Web3用户的便利性。这些机器人让用户能够直接在Telegram应用中参与加密货币的初级市场交易和早期项目发展,极大地促进了TON生态的繁荣。

随着新的Telegram Web App概念的崭露头角,我们有理由相信,TON将成为Web3.0的关键推手,引领更多用户和企业踏入Web3的世界。在未来,我们可以期待看到更多有趣和有益的项目涌现在TON生态中,为区块链领域注入新的活力。TON的故事还在继续,我们拭目以待

言归正传,经过近一个星期的学习和摸索,我的第一个tg小程序正式亮相;

https://t.me/HamstersTon_bot/Hamster

技术栈:React、Typescript、Vite、telegram的一些官方sdk包;其实仍然是运行在浏览器上,通过@FatherBot机器人绑定Web App URL;通过iframe嵌入到TG;在通过TG的SDK包与iframe进行交互(message)。

学习文档:
https://docs.ton.org/mandarin/develop/dapps/apis/sdk

https://docs.telegram-mini-apps.com/packages/telegram-apps-create-mini-app

以上希望对于学习TG小程序开发的同学能有一定的帮助;祝各位看官老爷发财💸💰!!!

分享主题:
经历/经验
收藏
举报
加载中…
精选评论
头像
等级1

打开看了下,没明白是怎么使用的。
在tg 跳出的页面 能完成商品 或 服务的展示,并且能完成支付?

是的;我做这个没有集成支付功能;因为是内容展示,没做支付

只做内容展示的话,对于跨境的商家 或 境外的实体商家吸引力不够大,要能实现类似微信私域支付,对国内的跨境电商客户 或 自媒体达人的吸引力大些,能解决他们的私域支付痛点。
你要是能做个集成支付的DEMO,我可以帮你联系跨境的商家群推,看看他们的购买意愿。

好的;可以尝试继续往下做做看;

嗯 做出demo以及PPT或PDF后,到时报个价过来:看是按工时,还是项目来收费。

https://t.me/cnSupermarket_bot/market

做了一个可交易demo;使用$TON支付,TON可以跨链转入也可在P2P市场通过法币购买

大佬想请问一下目前TG的小程序是否支持其它的支付通道,例如PayPal支付呢

目前TG的小程序有两大支付渠道;保证安全性的同时也有着很大便利性;一、加密货币支付使用自带的TG钱包;二、选择使用Star支付(TG的星星;相当于QQ的Q币;好处是TG的星星可以免手续兑换成加密货币后变现);购买Star支持有多种渠道,比如银行卡、Apple Pay、Google Pay等渠道

不能直接兑换为USDT;先兑换为TON,然后可以和USDT再进行兑换。

头像
等级0

求教下大佬, web无缝登录到链接网站是如何做的 就是类似这个效果

【电报小程序Telegram mini app】我的第一个电报小程序开发之路

在 @BotFather 先创建一个bot;然后在创建一个app,该app的webApp_url指向 你的站点;使用TG官方的SDK可以从初始化函数中;获取到用户的信息用作登录。

机器人这一步是创建好了,并且也以InlineKeyboardButton的形式配置了在loginUrl中, TG官方的SDK未找到在哪里,并未提示tg登录

目前点击按钮跳转如下:
https://4cu11424qu97.vicp.fun/?id=7338726633&first_name=Sail&username=xxx&photo_url=https%3A%2F%2Ft.me%2Fi%2Fuserpic%2F320%2FkrA40edGCNRtoq0PG6IpoFztHkme8fMfVZ_dkBBSae77yJLYNVMq8jSl9J7zTeMP.jpg&auth_date=1730181643&hash=xxxxxxxx

头像
等级1

这样的一个用户需求场景,能解决实现嘛
做窗帘生意的客户,常年供货国外高端款式
想做个产品电子图册,方便发给甲方看,需求是可以迟续更新,方便分享,有编号可以检索
外国客户不用wechat,可以在外国的社交软件查看商品展示。
你目前的技术架构能实现在外国的社交软件实在这个需求吗。

可以实现的;目前这套技术是针对telegram社交软件

https://t.me/cnSupermarket_bot/market

做了一个可交易demo;使用$TON支付,TON可以跨链转入也可在P2P市场通过法币购买

做一个这样的暂时大概多少米? 不含商品页面的商品设计和详情页制作。

头像
等级0

做一个简单任务类型miniapp,差不多要多少米,我们有需求,楼主看到可以私聊一下

好的 我加你;根据工作量和工作时长定价,价格公道,全网良心

头像
等级0

感谢楼主大大分享,问一下不用React用Vue可以吗?

官方库+SDK都是基于React扩展的,Vue目前还不支持--;学习一下React吧₂₀₂₄.⁵.⁵ 𝐋𝐞𝐭’𝐬 𝐠𝐨 ​​🚁﹏

头像
等级0

我觉得我们可以强强联手一下。

头像
等级0

我想弄一个联系我

【已联系】项目已交付使用

头像
等级0

具体能在什么场景上使用与变现

从纯技术角度,那就是有甲方需要开发TG小程序,赚取劳务费用;
从产品角度,基于其庞大的用户群体并且支持美元/欧元/卢布等法定货币;做跟微信小程序类似的一些小程序;比如做生活相关的;定机票、酒店、美食等,娱乐:小游戏、羊了个羊、消消乐、抓大鹅、麻将、扑克等;比微信更为有优势的是他可以支持虚拟货币交易,USDT、TON、BTC、NOT等,对于从事某些行业的人来说十分需要;

头像
等级0

联系方式发我一下,我有个项目,可以合作。

根据社区规则不能在评论区留联系方式

你把联系方式在个人信息里填上正确的,我加你;目前留的是
:123456789