Name Last Update
champions Loading commit data...
node_modules Loading commit data...
public Loading commit data...
src Loading commit data...
.gitignore Loading commit data...
README.md Loading commit data...
champions.json Loading commit data...
package-lock.json Loading commit data...
package.json Loading commit data...
traits.json Loading commit data...

FindMe.GG

프로젝트 소개

  • Riot Games Api를 통한 TFT 정보 사이트 만들기 (FindMe.GG 마더프로젝트 개선)

활용 가능한 데이터 (API_KEY Required.)

기술 스택

  1. Frontend : React
  2. Backend : Node.js
  3. 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}

  • infoDto
  • 전적 리스트 - matches
  • 게임 모드 - queue
  • 게임 아이디 - gameId
  • 게임 모드 - queue_id

  • ParticipantDto

  • 최종 라운드 - last_round

  • 마지막 라운드 소환사 레벨 - level

  • 최종 등수 - placement

  • traits

  • 시너지 이름 - name

  • 시너지 스타일 - style

  • 적용 시너지 - tier_current

  • units

  • 캐릭터 종류 - 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. 전적기록 보기 버튼을 클릭하면 전적 기록을 볼 수 있는 창으로 넘아갑니다.