程序聚合 软件案例 telegram mini app-@PayMightBot

telegram mini app-@PayMightBot

行业:社交、广告营销
载体:H5、小程序
技术:Gin、React、Phaser、Figma

业务和功能介绍

一、核心功能模块:

1. 用户主页模块(Home) - 展示用户基本信息、积分余额、24小时签到任务和每月连续签到日历,用户可在此领取每日任务奖励并查看自己的头像、昵称和ID信息,支持积分隐藏/显示切换功能。
2. 积分商城模块(Assets) - 用户可查看可用积分总额、本月获得积分统计、邀请好友人数,并浏览完整的积分获取/消耗历史记录明细,所有交易记录包含时间戳和变动原因说明。
3. 好友邀请模块(Frens) - 生成专属邀请链接供用户分享,展示总邀请人数和邀请获得的积分统计,支持通过Twitter和Telegram平台分享,提供一键复制邀请链接功能和详细的邀请奖励规则说明。
4. 任务奖励模块(Rewards) - 展示各类可完成的任务列表,用户通过点击外部链接或完成指定操作即可获得相应PPT积分奖励,任务包含社交媒体关注、订阅频道等多种类型。
5. 小游戏模块(Game) - 包含游戏开始页(GameStart)、游戏核心玩法页(GameCore)和游戏结束页(GameEnd),玩家需要在20秒内点击掉落的奖励物品收集积分,同时避开炸弹并利用暂停道具,大型冰块奖励需要多次点击才能获得5倍积分。

二、主要功能路径:

用户初次使用流程: 通过Telegram认证进入应用 → 主页查看自己的信息和积分 →
完成24小时签到任务和每日签到 → 进入Rewards页面完成额外任务获取积分 →
邀请好友获得更多积分奖励 → 使用积分参与游戏获得更多奖励 → 在Assets页面查看积分变动明细。

游戏玩法路径: 主页点击"玩游戏"卡片 →
进入游戏开始页查看规则(消耗积分、每日次数限制、时长20秒等) → 点击开始按钮发起游戏API请求 →
进入游戏核心页面点击掉落的奖励物品收集分数,避开炸弹(会清空分数),点击暂停道具获得3秒暂停时间,点击大冰块4次获得5倍积分 → 时间结束后自动跳转到结束页面查看得分和统计数据

积分获取路径: 每24小时签到 → 每日连续签到 → 完成社交任务 → 邀请好友注册 → 参与小游戏获得高分 → 所有积分变动都会记录在Assets页面的历史记录中

项目采用Next.js 15框架搭建,集成了Telegram SDK、国际化支持、状态管理(Zustand)、音效系统、帧动画播放器等完整的技术栈,为Telegram用户提供了一个完整的积分任务和娱乐游戏生态系统。

项目实现

一、开发周期与任务(10周)
需求与设计(1周):数据库设计、接口规范、技术选型
后端开发(2周):基于Gin-Vue-Admin搭建服务、用户认证、积分/任务/签到/邀请系统、游戏API、Redis缓存
前端开发(3周):Next.js项目、首页签到、积分明细、邀请分享、任务列表、游戏页面、国际化、移动适配
游戏开发(2周):掉落系统、碰撞检测、道具交互、序列帧动画、性能优化
测试部署(2周):联调测试、性能优化、服务器部署、Telegram Bot上线

二、技术栈与架构
前端:Next.js 15 + React 18 + Zustand + Ant Design Mobile + i18next + Telegram SDK +
帧序列播放器
后端:Gin + GORM + MySQL + Redis + Casbin + JWT + Gin-Vue-Admin框架

三、核心亮点
1. 插件化架构 - tgBot业务逻辑独立插件,代码解耦易扩展
2. 帧序列动画 - 自研播放器支持121帧动画,预加载优化
3. 掉落池算法 - 预生成奖励池并随机打乱,保证游戏公平
4. 性能优化 - 限300道具+RAF动画+useMemo缓存,60fps流畅体验
5. 代码生成器 - 一键生成CURD,效率提升80%

四、技术难点
1. 游戏性能 - 移动端碰撞检测+大量DOM动画,虚拟化+RAF优化
2. Telegram集成 - InitData解析、身份验证、Bot配置与JWT衔接
3. 防刷机制 - 服务端验证+限流+异常检测
4. 状态管理 - 大冰块多击、积分同步、游戏暂停等复杂状态控制
5. SSR水合 - Next.js时间渲染处理,避免客户端不一致
6. 资源优化 - 239帧图片预加载策略,平衡体验与速度

示例图片视频


云码工坊(上海)信息有限公司
30天前活跃
交付率:100.00%
相似推荐
医院DIP2.0按病种分值付费分组匹配系统
立项背景:为响应国家医保局DIP(按病种分值付费)支付方式改革,医院需对住院病例进行自动分组与分值测算,替代人工查表,提升医保结算准确率与效率。 核心功能: 1. 编码标准化:对诊断编码(ICD-10)和手术操作编码(ICD-9-CM3)进行自动补零、格式校验,统一为国临版与医保版2.0标准格式; 2. 编码对照映射:通过诊断对照库、手术对照库,将国临版编码自动映射为医保版2.0编码,支持23个手术操作字段批量对照; 3. DIP智能分组引擎:基于主诊断+主操作组合,实现+组合匹配、/或规则匹配、单码精准匹配、规则组匹配、编码范围匹配、s(n)/a(n)四级兜底等多层匹配策略,自动输出DIP病种ID; 4. 最优候选选择:当多个病种同时命中时,按匹配编码数量、是否包含主操作、操作位置优先级自动选优; 5. 分值计算:关联分值总表,自动计算每个病例的DIP病种分值,输出完整匹配结果表。 业务流程:原始住院病例数据 → 诊断/手术编码补零标准化 → 国临版转医保版对照 → DIP分组引擎多层匹配 → 最优病种选择 → 分值关联 → 输出结算结果。
企业级CRM数据清洗与迁移工具-DataBridge(个人演示项目)
本案例为个人演示项目,面向中小企业更换CRM或整合多来源客户资料时的数据整理需求。用户可导入Excel或CSV文件,配置字段映射规则,完成手机号、邮箱和公司名称标准化,并按组合条件识别重复记录;系统随后展示异常数据、冲突字段和处理建议,用户确认后可导出目标CRM可直接导入的数据文件及清洗报告。整个流程覆盖导入、预览、映射、去重、校验、修复和导出,重点降低人工反复核对带来的遗漏与时间成本。
基于本地化GUI的AI助手客户端-智语助手
立项背景与目标: 在日常工作与学习中,用户频繁需要获取AI辅助回答,但网页端使用需频繁切换浏览器,效率较低。本项目旨在开发一款轻量级桌面AI助手,提供一键式智能问答体验,降低使用门槛,提升日常信息获取效率。 软件功能: 用户输入问题后,点击提交或回车键,程序自动调用AI模型生成回答,并即时显示在窗口中,支持长文本自动换行。 核心功能模块: 1. 用户输入模块(Entry控件) 2. AI接口调用模块(requests + 智谱AI API) 3. 结果显示模块(Label控件 + 自动换行) 业务流程: 用户输入问题 → 点击提交 → 程序获取输入 → 调用AI接口 → 返回结果 → 窗口显示回答 功能路径: 启动程序 → 输入框输入问题 → 点击“提交”按钮 → 查看AI回答 → 输入框自动清空,等待下一次提问
AI智能体平台-AI智能体
Dify,Ragflow,langraph运行平台。 MCP展示执行平台。 RuoYi应用框架做载体。 SpringCloud alibaba 做微服务支持。实现业务系统智能体在平台运行展示结果。 使用RuoYi框架的权限体系和系统管理,支撑整个平台业务。平台实现API调用和API生成来支持执行和结果展示。用RuoYi框架的权限体系和系统管理,支撑整个平台业务。平台实现API调用和API生成来支持执行和结果展示。用RuoYi框架的权限体系和系统管理,支撑整个平台业务。平台实现API调用和API生成来支持执行和结果展示。
数据在线采集
本项目为产业数据直报系统: 1、管理端(省/市/县区三级监管)和填报端(企业、非经营单位)提供端到端的数字化数据采集、审核、统计与导出能力。 2、系统按报告期(年/季/月)驱动 10 张业务表单的填报,涵盖企业基础档案、种植、生产加工、销售、文旅、税收贸易,以及景气调查问卷(含数字选项码与多选字段)。 3、审核采用三级联审机制,支持企业撤回修改、各角色取回、县区退回需第三方评估等精细化规则。 4、管理端提供按地区维度的仪表盘统计(应填/已填/待审/退回率、部分填报识别)、填报进度追踪(按企业/表单维度)和 Excel 导出(问卷选项码转中文、密码加密、填报端仅导出本单位),形成采集-审核-分析闭环。
帮助文档   Copyright @ 2021-2024 程聚宝 | 浙ICP备2021014372号
人工客服