Routing & Protocol

SPA Router 설계

• 로그인 페이지

  • URL: /
  • 최초 접속 시, 로그인 된 유저면 로비 페이지로 이동
  • OAuth 성공 시, 로비 페이지로 이동
  • 게스트 로그인 성공 시, 로비 페이지로 이동

• 로비 페이지

  • URL: /lobby
  • 대기 상태인 방 클릭 시, 해당 방 페이지로 이동
  • 방 만들기 완료 시, 해당 방 페이지로 이동

• 방 페이지

  • URL: /room/:room_id
  • 방 나가기 클릭 시, 로비 페이지로 이동

클라이언트-서버 프로토콜 설계

1. OAuth 로그인

2. 게스트 로그인

• OAuth 로그인한 사용자가 아니면 그냥 다 게스트로 처리하기로

Socket (on Client-side at Lobby)

Emit(= 서버로 보내는 것)

event name	string	note
join lobby	-	로비 최초 이동 시 전달. 로그인 된 유저 여부 확인 + 방 목록 제공 요청
logout	-	로그아웃 버튼 클릭 시. 소켓 연결 끊고 로그인 페이지로 이동
create room	{ room name }	방 생성하기 버튼 클릭 시

On(= 서버에게 받는 것)

event name	callback	note
join lobby	로그인된 여부 확인 + 모든 방 목록 화면에 출력	요청 사용자에게만 전달
create room	생성된 방으로 자동 입장	요청 사용자에게만 전달
added room	방 목록에 신규 방 추가
change room info	특정 방의 상태 정보를 변경

Socket (on Client-side at Room)

Emit(= 서버로 보내는 것)

event name	string	note
join room	{ room id }	최초 방 접속시
leave room	-
start game	-	방장만 가능
move	{ direction }
chat message	{ message }

On(= 서버에게 받는 것)

event name	callback	note
join room	캐릭터 + 닉네임 (랜덤) 할당, 문제 밋 남은 시간 공개	요청 사용자에게만 전달
leave room	필드 위 캐릭터 삭제
start game	전광판 상태 변경, 상태를 게임 중으로 변경
move	각 캐릭터들 특정 좌표로 이동
chat message	채팅 기록 추가
start round	전광판 문제 출력, 각 캐릭터 위치 초기화, 시간 카운트 시작	제한 시간 카운트는 클라이언트에서 하도록 한다
end round	정답 표시, 오답 플레이어 캐릭터 삭제(?)
not-end round	문제 새로 출력, 각 캐릭터 위치 초기화, 시간 카운트 시작
end game	우승자 표시, 상태를 대기 중으로 변경