介绍

王者荣耀每年都会在周年庆举行皮肤返场投票活动，但是王者官方可能是为了防止玩家乱投票，每次加载页面都会将皮肤的投票位置打乱。每个皮肤的投票数显示成一串很长的数字，很难在短时间内看懂投票的情况。这样的话玩家不知道自己喜欢的皮肤在当前的投票排名，进而影响到个人的投票选择。

于是，一个主意在我脑海中出现：使用 PHP cURL 库模拟登录皮肤返场投票页面，然后用定时任务每间隔一分钟获取投票数据。将数据排序、整理成统一格式后存储到 MySQL，然后编写 PHP 接口让前端调用。前端采用 ECharts 将数据图表化显示，这样玩家就很方便地了解投票实时情况。

数据获取

• 进入皮肤投票页面，然后抓包获取到实时的投票数据接口。下面使用PHP的cURL库模拟登录，发送请求。

• 返回数据中键名与皮肤名称的映射如下

• 将数据整理，得到$result，然后存入数据库。

数据接口

• 由于每一分钟获取一次投票数据，返场活动的时间是多天的，所以数据量很大。如果将所有数据同时展现出来的话，前端可能加载很慢，图表显示也会很密集。因此，需要将接口的返回数据缩减。接口返回数据包含抽取50条相同间隔的数据和一条最新的实时数据，这样既可以展现出整体投票趋势，也可以实时获取到投票情况。

数据显示

• 在ECharts的模板网站选择了一个比较符合的模板，修改图表配置，然后通过AJAX异步加载数据渲染。

演示效果

演示网页