Haclutch
无畏契约电竞赛事数据查询小程序
名字灵感来自 Hack + Clutch 的结合，Hack 是「黑衣执事 hackdeacon」的 Hack，Clutch 是极限残局的意思。
很早之前就想做了，有时候比赛看一半忙别的去了，或者在外面想看看比赛进行到哪了，打开查询网站要找半天，而且网页还对手机浏览不友好，索性做成微信小程序，方便得很。主要也是想做一款符合我审美的瓦电数据面板，VLR.gg 虽然好用，数据全面，更新快，但有点乱还有广告。号角更是没品味，丑还卡，数据更新慢。
一晚上边看比赛边做的小程序，刚好一个 BO3 左右的时间。
功能支持
- 未开赛 - 查时间，查对位
- 进行中 - 实时比分，实时人头 diff
- 比赛结果 - 详细数据复盘
支持查询 KDA 以及直观的 KDA diff，地图 BP、以及 ACS、ADR、爆头率、团队贡献率，还支持查看历史交锋记录。美中不足的是 Rating 计算公式一直没弄懂，所以这里的 Rating 值不准确，但不影响大局，偏差很小。（如果有大佬知道多张地图的综合 Rating 计算方法，请告知）
支持深色模式，细节是队伍 logo 能根据主题切换，这样某些纯白纯黑 logo 的战队就能正常显示（比如 PRX 和小蜜蜂）。
数据来源 VLR.gg，使用 Python 抓取并封装成 FastAPI 和 OpenAPI，后续会支持查询队伍排名、选手数据、队伍数据等一系列数据查询。
碎碎念
其实早在去年的这个时候，这款小程序已经诞生了，我还把项目写在了面试简历里，但当时还没有什么 Claude Code、Codex，Vibe Coding 这个概念还刚萌生。
当时还在「古法 Vibe Coding」，什么意思呢，就在 Grok 网页对话，让他帮我把小程序需要的三件套生成给我，wxml，wxss，js。在当时 Grok 还算编码比较强的，给的代码能一次跑通，审美还很好，关键是免费。
由于架构方面我自己认为还不是那么完善，而且更像个 Demo 不像个产品，后续域名过期了 API 接口也挂了，也没再管。
正值伦敦大师赛期间，这个需求又回来了。如今有了 AI Coding 工具，国产大模型也可用了，还有一堆短小精悍的 Skills 作为辅助，索性直接开始重构。 | 
发表于 1 小时前
|
查看: 4|
回复: 0
