로그인 관련 기능 수정 및 개선

[DrunkenNeoguri]

본 이슈는 1차로 자체 QA 테스트를 진행한 후, 발생한 문제점 및 보완점 등을 정리한 사항 중에, 로그인과 관련한 항목이 많아 이를 별도로 관리하고 개선하기 위해 생성한 이슈입니다.

현재 작업이 진행되어야 할 이슈는 다음과 같습니다.

• [x] 이메일 저장 기능 적용
  • 어느 쪽으로 할 지 좀 더 고민해보고, 해당 기능을 적용하기로 함.
  • 토큰을 계속 보관하는 건 그래도 아닌 것 같아서 개인 정보 노출에 덜 위험한 이메일 저장 기능으로 변경.
• [x] 새로고침하면 로그인 상태가 유지되지 않는 문제 수정
• [x] 로그인할 시, 이메일 인증을 안 한 계정이라면 이메일 인증 하도록 유도
• [x] 관리자 페이지에서 로그인이 되지 않았다면, 로그인하라는 모달 또는 Toast 메시지와 함께 로그인 페이지로 보내도록 유도
  • 로그인 상태에서 활동 없이 방치된 상태에서 토큰이 기간 만료되면 Toast 메시지로 재로그인 할 것을 유도
  • 기간이 만료되지 않았다면 토큰의 시간을 연장해주도록 구현
• [x] 관리자 메뉴에 로그아웃 기능 없던 문제 수정
• [x] 인증까지 완료된 계정이 첫 로그인을 시도할 시, 매장 설정을 위해 처음 한 번만 매장 관리 페이지로 이동하도록 적용
  • 구현이 까다로울 경우, 배제하거나 런칭 후의 개선 사항으로 추가할 것

[DrunkenNeoguri]

Fix: 1차 QA 진행 후 로그인 개선 사항 수정 및 반영 (https://github.com/DrunkenNeoguri/WaitSecond/commit/af855ce686b56b171f910292ff3b9db75f979f1a)

• 메뉴 창에 로그아웃 버튼 추가 및 기능 반영
• 관리자 페이지 내에 발급된 관리자의 토큰 만료 기간을 체크하여 기간 만료 시, 토큰을 지우고 강제 로그아웃하도록 적용
  • 파이어베이스 인증 특징 상, 만료 기간은 1시간이므로 1시간 이내에 페이지를 다시 접속한 유저는 토큰이 연장되도록 적용함.
• 세션에 토큰이 있는지를 확인하여, 있다면 계속 로그인 상태를 유지하고 아니라면 강제로 로그인 페이지로 돌아가도록 적용.
• 메일로 받아 접속한 이메일 인증 완료 페이지에서, 계정의 이메일 인증이 적용되지 않은 문제 수정
  • 쿼리문 내에 있는 oobcode 값을 통해 인증이 활성화되도록 함.
• 매장 관리 설정 타입인 StoreOption에 초기 세팅 진입 여부를 판단하는 firstSetting 값 추가
• 로그인 페이지 내에서 이메일 인증 여부를 확인하고, 이메일 인증을 안 했을 시 다시 메일을 보냈다는 내용이 출력되도록 수정
• 로그인 페이지 내에서 이메일 인증 여부를 확인하고, 인증을 했을 시 위의 firstSetting 값이 false일 경우에 초기 세팅을 위해 매장 관리 페이지로 보내지도록 적용
  • 보내질 때에 false -> true 처리로 함. (초기 설정 그대로 유지할 경우도 있고, 해당 페이지가 있다라는 것을 우선적으로 알리기 위한 목적으로서 여기서 처리)
  • 해당 사항은 추후 반응을 보고, true 처리 부분을 변경할 수도 있음.
• 각 관리자 페이지 내에서 로그인 상태와 토큰 만료 등을 확인하기 위한 기능 함수 생성 (loginStateCheck, tokenExpirationCheck)
  • getIdToken 함수를 통해 만료되지 않은 토큰일 경우, 토큰 만료를 갱신함.

[DrunkenNeoguri]

수정 사항이 다 반영됐으므로 이슈를 닫습니다. 추후 발생하는 문제사항은 이슈를 추가하고 다루도록 하겠습니다.