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	args	callback	note
join_room	자신의 캐릭터 및 닉네임, 캐릭터+닉네임들 위치, 문제?, 남은 시간?	캐릭터 + 닉네임 (랜덤) 할당, 문제 밋 남은 시간 공개	요청 사용자에게만 전달
leave_room	삭제할 캐릭터들	필드 위 캐릭터 삭제
start_game	전광판 변경	전광판 상태 변경, 상태를 게임 중으로 변경
move	각 캐릭터 이동할 좌표 리스트	각 캐릭터들 특정 좌표로 이동
chat_message	채팅 로그(닉네임+메시지)	채팅 기록 추가
start_round	문제, 각 캐릭터 위치, 카운트할 시간	전광판 문제 출력, 각 캐릭터 위치 초기화, 시간 카운트 시작	제한 시간 카운트는 클라이언트에서 한다
end_round	정답, 오답 플레이어 리스트	정답 표시, 오답 플레이어 캐릭터 삭제(?)
not_end_round	문제, 각 캐릭터 위치, 카운트할 시간	문제 새로 출력, 각 캐릭터 위치 초기화, 시간 카운트 시작
end_game	우승자 닉네임	우승자 표시, 상태를 대기 중으로 변경