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
enter_lobby	-	로비 최초 이동 시 전달. 로그인 된 유저 여부 확인 + 방 목록 제공 요청
create_room	{ room name }	방 생성하기 버튼 클릭 시
knock_room	{ room id }	들어갈 수 있는 방인지 확인

On(= 서버에게 받는 것)

event name	callback	note
enter_lobby	로그인된 여부 확인 + 모든 방 목록 화면에 출력	요청 사용자에게만 전달
create_room	생성된 방으로 자동 입장	요청 사용자에게만 전달
knock_room	방으로 입장 / 들어갈 수 없다고 alert 표시	요청 사용자에게만 전달
room_is_created	방 목록에 신규 방 추가
update_room_info	특정 방의 상태 정보를 변경

Socket (on Client-side at Room)

Emit(= 서버로 보내는 것)

event name	string	note
enter_room	{ room id }	최초 방 접속시
leave_room	-
start_game	-	방장만 가능
move	{ direction }
use_skill	{ direction }	스킬 사용
chat_message	{ message }

On(= 서버에게 받는 것)

event name	args	callback	note
enter_room	자신의 캐릭터 및 닉네임, 캐릭터+닉네임들 위치, 문제?, 남은 시간?	캐릭터 + 닉네임 (랜덤) 할당, 문제 밋 남은 시간 공개	요청 사용자에게만 전달
enter_new_user	추가할 캐릭터	필드 위 캐릭터 추가
leave_user	삭제할 캐릭터	필드 위 캐릭터 삭제
go_to_lobby		로비로 이동	존재하지 않거나, 게임 시작 중인 방에 들어왔을 때 전달됨
start_game	전광판 변경	전광판 상태 변경, 상태를 게임 중으로 변경
move	각 캐릭터 이동할 좌표 리스트	각 캐릭터들 특정 좌표로 이동
chat_message	채팅 로그(닉네임+메시지)	채팅 기록 추가
start_round	문제, 각 캐릭터 위치, 카운트할 시간	전광판 문제 출력, 각 캐릭터 위치 초기화, 시간 카운트 시작	제한 시간 카운트는 클라이언트에서 한다
end_round	정답, 오답 플레이어 리스트	정답 표시, 오답 플레이어 캐릭터 삭제(?)
end_game	우승자 닉네임	우승자 표시
reset_game		게임 종료 후 방 상태를 대기 중으로 변경
update_player_num	살아있는/죽은 유저 수	현재 게임에서 살아있는/죽은 유저 수 변경