掌喵手游 APP（H5 + 小程序打包双端）+ 运营后台

技术信息

语言技术
JavaScript、Vue、Antd、小程序系统类型
H5、Web行业分类
游戏

作品详情

行业场景

传奇、修仙类网游用户付费意愿强、生命周期长，但传统渠道分成高、买量成本攀升，中小厂商获客与变现愈发困难。
掌喵手游定位聚合型游戏盒子，以 H5 打包 App 与小程序双端承接用户，集中分发传奇、修仙等热门网游，通过游戏下载拉起、礼包福利与运营活动提升留存和付费转化，帮助厂商降低获客成本、扩大分发渠道，形成平台方与厂商共赢的分发闭环。

功能介绍

C端：游戏库分类（传奇、修仙、仙侠等）、热门 / 新游榜单、游戏搜索与详情、一键下载拉起、礼包中心与兑换码、每日签到福利、开服表与资讯、账号体系、在线客服。
运营后台：游戏上下架与分类排序、礼包及兑换码管理、用户与充值订单管理、下载 / 注册 / 付费数据看板、开屏广告与运营位配置、活动配置（签到、限时礼包）、渠道来源统计。双端共用一套运营配置，实现从游戏分发、用户获取到付费转化的全链路管理。

项目实现

负责 H5 端、小程序端及运营后台的前端开发。
负责掌喵手游盒子前端开发及双端打包适配，基于Vue + H5混合架构打造。
H5 与小程序采用 uni-app（Vue3）一套代码打包双端，重点解决多游戏资源切换白屏、H5适配异常、静态资源加载缓慢难点，通过缓存策略优化、路由预加载、样式兼容处理，保障安卓、iOS双端稳定运行。后台使用 Vue3 + TypeScript + Vite + Pinia + Element Plus，数据看板用 ECharts；封装请求、登录、埋点、拉起 App 等公共模块，通过分包与懒加载控制包体积、优化首屏速度，适配多机型与双端差异，并配合后台配置化实现运营位与活动动态下发，保证迭代效率。