Arena Of Valor(王者荣耀)战绩板网页挂件

折腾完技术,该开始折腾游戏了。

前言

今天闲来无事,网上冲浪。看到一篇CS-GO玩家博主的博文「1」,通过调用CS-GO的api查询自己的战绩并生成一个战绩表挂在自己的博客上。效果如下:

  王者荣耀战绩板

觉得相当帅。我平时大部分时间都花在折腾技术上,唯一喜爱打的游戏就只有王者了。于是花了1个小时自制出王者的战绩板挂件。

寻找API

既然要查询战绩信息,那也得有个查询的接口(API)啊。折腾半个多小时,在王者的玩家主页上找到了GetHeroSkin的地址:

1
https://mapps.game.qq.com/yxzj/web201605/GetHeroSkin.php?appid=wx95a3a4d7c627e07d&area=X&partition=XXXX&roleid=XXXX&r=XXXX

相关GET参数:

参数名说明
appid微信或QQ的appid
area地区id(应该是区别微信和手Q的id)
partition分区id
roleid玩家角色id
rMath.rondom() 0-1的随机数

这些参数都可以通过Console控制台获取。
需要获取的参数请自行查看源码。
Cookie的获取方法可参考👉:https://www.webaun.cn/passages/11/

返回示例

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
{
"iRet": 0,
"sMsg": "succ",
"data": {
"idip_info": {
"charac_name": "%E5%8F%AB%E6%88%91%E4%BA%8E%E6%99%8F%E5%90",
"pvplevel": "30",
"grade_level": "14",
"head_url": "http%3A%2F%2Fwx%2Eqlogo%2Ecn%2Fmmhead%2FQ3auHgzwzM4EFibC9YyeOTJvOTq2aG7q28VjB3fzg",
"uid": "1231565"
},
"history": {
"one_vs_one_lose_num": "1",
"one_vs_one_win_num": "2",
"three_vs_three_lose_num": "3",
"three_vs_three_win_num": "3",
"five_vs_five_lose_num": "104",
"five_vs_five_win_num": "129",
"ladder_win_num": "201",
"ladder_lose_num": "191",
"total_lose_num": "314",
"total_win_num": "350"
},
"hero_skin_list": {
"HeroListStr": [
"166",
"109",
"112",
"142"
],
"HeroListCount": 100,
"HeroSkinStr": {
"106": "1",
"109": "10101",
"111": "1",
"112": "1",
"114": "1",
"115": "1"
},
"HeroSkinCount": 100
}
}
}

获取数据,生成战绩板

万事具备,着手开始战绩板的设计和开发。
代码可到我的Github仓库获取👉:王者荣耀战绩板 网页挂件

在您所需要的导出战绩板的地方加入以下js代码即可完成战绩板的生成。

1
2
3
4
5
6
7
8
9
<style> 
.king-box{
display:block;
width:500px;
height:220px;
border-radius:4px;
}
</style>
<iframe class="king-box" src="你的程序地址" frameborder="0"></iframe>

预览

(是的我准备出来丢脸了😂)

宽度自适应,特殊宽度有特殊处理

  王者荣耀战绩板

(是的UI界面是抄袭的,因为我想不出比这更好的UI界面了😐)

说明

  1. 本挂件只用于学习交流,休闲娱乐用途。一切解释权在作者手中。任何用在非法用途的使用者一切后果自负。
  2. 若此程序危害了您的利益,请联系笔者删除。Email : anjiejo「AT」qq.com
  3. 若您有很好的建设性意见,欢迎在留言处提出。

更新动向

  • 2020-03-25 将数据保存至本地的方法解决cookie时限短暂问题(如有更好解决方法,欢迎反馈😄)
  • 2020-04-06 增加分享功能。

附言

「1」 CS-GO战绩板网页挂件 : http://mouto.org/note/170