王者英雄猜猜乐‖摸鱼岛爆款脑暴小游戏上线！👑🤔

上个月高强度上网无意中发现了一个LOL猜英雄和选手的网页https://www.guessassin.xyz

感觉做的不错，五一闲着没事干，于是借鉴上述游戏思路给摸鱼岛开发了一款王者英雄猜猜乐游戏。万事开头难，有思路了但是数据怎么来，一开始思路是去王者荣耀官网爬取数据，后面偶然发现两个接口 https://pvp.qq.com/web201605/js/herolist.json https://pvp.qq.com/zlkdatasys/storyhero/index191.json

第一个接口是获取所有英雄的数据，第二个接口获取英雄的详细数据。 有了数据就好办了，接下来就设计表结构

▼
text
复制代码
CREATE TABLE IF NOT EXISTS hero
(
    id            BIGINT AUTO_INCREMENT COMMENT '主键ID' PRIMARY KEY,
    ename         VARCHAR(50)                        NOT NULL COMMENT '英雄英文标识(如177)',
    cname         VARCHAR(50)                        NOT NULL COMMENT '中文名(如苍)',
    title         VARCHAR(100)                       NOT NULL COMMENT '称号(如苍狼末裔)',
    releaseDate   DATE                               NULL COMMENT '上线时间',
    newType       TINYINT  DEFAULT 0 COMMENT '新英雄标识(0常规/1新英雄)',
    primaryType   TINYINT                            NOT NULL COMMENT '主定位(1战士/2法师/3坦克/4刺客/5射手/6辅助)',
    secondaryType TINYINT COMMENT '副定位(1战士/2法师/3坦克/4刺客/5射手/6辅助)',
    skins         VARCHAR(500) COMMENT '皮肤列表(用|分隔，如苍狼末裔|维京掠夺者|苍林狼骑)',
    officialLink  VARCHAR(255) COMMENT '官网详情页链接',
    mossId        BIGINT COMMENT '内部ID',
    race          VARCHAR(50) COMMENT '种族[yxzz_b8]',
    faction       VARCHAR(50) COMMENT '势力[yxsl_54]',
    identity      VARCHAR(50) COMMENT '身份[yxsf_48]',
    region        VARCHAR(50) COMMENT '区域[qym_e7]',
    ability       VARCHAR(50) COMMENT '能量[nl_96]',
    height        VARCHAR(20) COMMENT '身高[sg_30]',
    quote         VARCHAR(255) COMMENT '经典台词[rsy_49]',
    createTime    DATETIME DEFAULT CURRENT_TIMESTAMP NOT NULL COMMENT '创建时间',
    updateTime    DATETIME DEFAULT CURRENT_TIMESTAMP NOT NULL ON UPDATE CURRENT_TIMESTAMP COMMENT '更新时间',
    INDEX idx_cname (cname),
    INDEX idx_type (primaryType)
) COMMENT '王者荣耀英雄详情表' COLLATE = utf8mb4_unicode_ci;

后端主要写了五个接口，分别是 初始化英雄列表（仅限管理员使用）、随机获取一个英雄数据、获取最新英雄数据、简单英雄数据列表、通过id获取一个英雄数据。想看具体代码的可以访问摸鱼岛开源项目https://github.com/lhccong/fish-island-backend 后端还写了个定时任务，每周五0点更新英雄皮肤数据，懂的都懂王者一般周四更新皮肤。 然后就是枯燥的前端代码时间，交给AI事半功倍。为了手机端也能适配可是费了好多功夫，把原来的列表展示改成了卡片展示。