在前端开发中，我们常常需要使用到各种 npm 包来加速我们的开发进程。其中，heroprotocol-fallback 是一款非常实用的包，能够帮助我们解析 Heroes of the Storm (暴雪英雄) 游戏的 replay 文件，提取有用的数据供我们进行分析和展示。本篇文章将为大家详细介绍 heroprotocol-fallback 的使用方法。
安装 heroprotocol-fallback
我们可以通过以下命令来安装 heroprotocol-fallback：
npm install heroprotocol-fallback --save
安装完成后，我们就可以在自己的项目中使用 heroprotocol-fallback 了。
解析 replay 文件
使用 heroprotocol-fallback 解析 replay 文件非常简单。我们只需要提供 replay 文件的路径和一个回调函数即可。解析完成后，回调函数将会被调用，传入解析得到的数据。
-- -------------------- ---- -------
----- - ------------ - - ---------------------------------
---------------------------------------- ----- ----- -- -
-- ----- -
--------------------- -- ----- -------- -----
-------
-
------------------- ------ ------ ------
---解析数据格式
得到的解析数据是一个 JSON 对象，包含了 replay 文件中的各种信息，例如每个玩家的英雄、所使用的技能、游戏结束时的胜负等。
我们可以通过以下代码来打印出 replay 数据中所有的 keys：
console.log('Data keys', Object.keys(data));我们可以看到，解析后的数据非常丰富，包含了如下几个主要部分：
游戏地图
replay 文件所对应的游戏地图。
"m_title": "\"Tomb of the Spider Queen\"",
英雄和玩家信息
每个玩家的编号、昵称、英雄名称、皮肤、头像等信息。这里以一个玩家数据为例：
-- -------------------- ---- -------
-
------------- --
--------- ---------
-------------- ---
----------- --
--------- ------- ---
--------------- ------ ----------------------------
------------------- -------
---------------------- ---
-------------- --
-------- ---
----------------- -------------
-------------------- -----
------------------- -----
------------------- -----
------ -------------------
------ ------------------
------ -------
----------- -----
----------- --
----------- ----
-------------- ----
---
---------------------- ------
--------------------------- ------
--------------- -----
------------------ --
----------------------- ---
------------- ---------
--------- ------- ---------
---------- ------- ------
----------- ------- -------
---------- ------- -------
------------------ -----
-------------- -----
--------------------- --
--------------- ------ ----------------------------
--------- ---------
--------- --
---------- -
--
-时间轴事件
包括了游戏中的所有时间轴事件，例如玩家杀死 boss、使用技能等。
-- -------------------- ---- -------
----------- -
-
------- --
--------- ---
---------- --
--------- ------------------------------------------
--------- -
------------ -----
-
--
-
------- --
--------- ---
--------- -------------------------------------------
--------- -
------------- -
------------- ------------------------------
----------- -----
--------------- -
--------------- -
---------- -
-------- --
--------- --
---------- -
--
------------ ---
--
--------- -
---------- -
-------- --
--------- -------------------
---------- -------------------
--
--------- ----------------------
-
--
------------- --
-
-
--
-
------- --
--------- ---
--------- -------------------------------------
--------- -
------------ -
-
-
-比赛结果
游戏结束时的比赛结果，包括了每个玩家的结果、DPS、治疗等数据。
-- -------------------- ---- -------
------------------ -
-
------------- --
----------- --
------------- ------
--------- -----------
-------------- ---
--------- --
-------------- --
---------- --
------------ --
----------- --
---------------------- --
--------------- ------
---------------- --
-------------------- --
----------------- -----
---------------- --
----------------- --
-------------------- --
------------ --
---------------- --
---------------- ------
--------------------------- -----
-------------- --
------------------ ---
--------------------- --
----------------------- --
------------------- ------
---------------------------- --
------------------- --
----------------- --
------------------- --
-------------- --
-------------------- ---
------------------------- --
-------------------------- --
-------------------------- --
--------------------------- --
-------------- -
--
-
------------- --
----------- --
------------- ------
--------- ---------
-------------- ---
--------- --
-------------- --
---------- --
------------ --
----------- --
---------------------- --
--------------- ------
---------------- --
-------------------- -----
----------------- -----
---------------- --
----------------- --
-------------------- ---
------------ ---
---------------- ---
---------------- ------
--------------------------- -----
-------------- --
------------------ ---
--------------------- --
----------------------- --
------------------- ------
---------------------------- --
------------------- --
----------------- --
------------------- --
-------------- --
-------------------- ---
------------------------- --
-------------------------- --
-------------------------- --
--------------------------- --
-------------- -
--
-
------------- --
----------- --
------------- ------
--------- ---------
-------------- ---
--------- --
-------------- --
---------- --
------------ --
----------- --
---------------------- --
--------------- ------
---------------- --
-------------------- --
----------------- -----
---------------- --
----------------- --
-------------------- ---
------------ ----
---------------- ----
---------------- -----
--------------------------- -----
-------------- --
------------------ --
--------------------- --
----------------------- --
------------------- -----
---------------------------- --
------------------- --
----------------- --
------------------- --
-------------- --
-------------------- ---
------------------------- --
-------------------------- --
-------------------------- --
--------------------------- --
-------------- -
-
-示例代码
以下是一个简单的示例，用于解析一个 replay 文件并输出所有英雄信息：
-- -------------------- ---- -------
----- - ------------ - - ---------------------------------
---------------------------------------- ----- ----- -- -
-- ----- -
--------------------- -- ----- -------- -----
-------
-
----------------- ------ -------------------
----- ------- - ------------------
------------------- -- --------- ----------------
--- ------ ------ -- -------- -
------------------- ----------------- ------- -- -------------------
-
---结论
通过 heroprotocol-fallback，我们可以轻松地解析 Heroes of the Storm 的 replay 数据。这对于进行游戏数据分析或展示来说非常有帮助。本篇文章为大家介绍了 heroprotocol-fallback 的使用方法和解析数据格式，希望能够帮助到大家。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6006737a890c4f7277584124