ReplayUIModule

Open source game replay UI Module for Naver D2 by "threeCodeMonkeyz"

온라인 E-SPORTS 게임(PUBG, LOL)의 리플레이를 감상하실 수 있는 리플레이 UI 모듈입니다.
이 모듈을 사용하는 사용자는 단 한 줄의 요청 URL로 자신의 웹 브라우저에서 멋진 리플레이를 감상하실 수 있습니다!

사용법

PUBG
HTTP GET /pubg/{playerId}/{platformId}/{matchId}

LOL
HTTP GET /lol/{playerId}/{platformId}/{matchId}

playerId : 매치 플레이시 집중관찰 하고싶은 플레이어 ID
만약 매치 안에서 일치하는 아이디가 없을 시 무작위 플레이어를 포커싱합니다.
platformId : 리플레이를 보고자 하는 매치의 플랫폼 ID
PUBG의 경우 steam, xbox, kakao가 가능하며,
LOL의 경우 매치 지역(KR, NA1 등)이 가능합니다.
matchId : 매치별로 생성되는 고유번호입니다.

추가로, 파라미터를 넣지 않고 그냥 게임명만 넣는다면(/pubg, /lol), 내장되어 있는 테스트용 로컬 게임 데이터를 재생합니다.

PUBG
HTTP GET /api/pubg/{platform}/{matchId}

LOL
HTTP GET /api/lol/{region}/{matchId}

응답 데이터셋(JSON)

{
    version String,
    game String,
    rawReplayData Object[],
    match Object[]
}

yarn, java, mvn이 설치되어 있다고 가정합니다.

git clone 혹은 zip 다운로드 후, cd ReplayUIModule/FrontEnd
.env.local 파일 생성 후, REACT_APP_API 부분에 API 주소 입력,
혹은 .env.production 의 URL 주소 사용. (혹은 NODE_ENV=production 활성화)
yarn upgrade 후 yarn start
브라우저에서 http://localhost:3000 확인

MIT