FindMe.GG
프로젝트 소개
-
Riot Games Api를 통한 TFT 정보 사이트 만들기 (FindMe.GG 마더프로젝트 개선)
활용 가능한 데이터 (API_KEY Required.)
기술 스택
- Frontend : React
- Backend : Node.js
- AWS : EC2
TFT-SUMMONER
https://kr.api.riotgames.com/tft/summoner/v1/summoners/by-name/{summonerName}
- 소환사 이름 -
name - 소환사 레벨 -
summonerLevel - 소환사 정보 갱신 시각 -
revisionDate - 암호화된 소환사 아이디 -
summonerId - 암호화된 계정 아이디 -
accountId -
puuid=> matchId를 얻는 데 사용
TFT-LEAGUE
https://kr.api.riotgames.com/tft/league/v1/entries/by-summoner/{summonerId}
- 암호화된 소환사 아이디 -
summonerId - 소환사의 티어 -
tier - 소환사의 랭크 -
rank - 소환사의 이긴 판수 -
wins - 소환사의 진 판수 -
losses - 소환사의 리그포인트 -
leaguePoints
TFT-MATCH
https://asia.api.riotgames.com/tft/match/v1/matches/by-puuid/{puuid}/{start&count}
- TFT-Match 의 경우 Kr 서버가 아닌, asia 서버를 이용해야한다. Match Id에 해당 국가에 해당하는 정보가 담겨있다.
- 전적 매치 아이디 -
matchId
https://asia.api.riotgames.com/tft/match/v1/matches/{matchId}
- 전적 리스트 -
matches - 게임 모드 -
queue - 게임 아이디 -
gameId 게임 모드 -
queue_id최종 라운드 -
last_round마지막 라운드 소환사 레벨 -
level최종 등수 -
placement시너지 이름 -
name시너지 스타일 -
style적용 시너지 -
tier_current캐릭터 종류 -
character_id사용 아이템 -
itemNames
개발 히스토리
- 2022-11-10
- 주제 선정, 역할 분담, team repository 생성, 마더프로젝트 fork(Findme.gg)
- 2022-11-17
- api 분석, api키 요청, README.md 생성&최초 설정, AWS 세팅
빌드 방법
1) LoL Api 키를 발급받습니다.
2) npm install
- npm install
3) 해당 Repository를 clone 해주세요.
4) Test.js를 수정해주세요.
- var apikey = "your api key"
사용 방법
1) 주소... 를 입력해주세요.
2) 소환사 이름에 검색하고 싶은 소환사 이름을 입력해준 후 click! 버튼을 클릭해주세요.
-
3) 소환사 정보(티어, 승률, 전적)가 사이트에 표시됩니다.
a. 전적기록 보기 버튼을 클릭하면 전적 기록을 볼 수 있는 창으로 넘아갑니다.