AWS Cognito - 5) 로그인 관련 UI 연결 + 입력한 정보 검증

- 개요

로그인과 관련된 UI들을 연결한다

또, 회원가입을 하는 경우 입력한 정보를 검증하는 로직을 추가한다

 

- 스크립트 작업

1) ConfirmSignUpPage 클래스

 

회원인증을 진행하는 페이지의 UI 클래스에 뒤로 가는 버튼의 멤버변수를 추가한다

 

2) SignUpPage 클래스

 

회원가입을 진행하는 페이지의 UI 클래스에 위와 같이 함수를 추가한다

 

 

NativeConstruct 함수의 로직은 위와 같다

하위 텍스트 박스 UI들에 UpdateSignUpButtonState 함수를 바인드한다

이후 하위 버튼 UI를 비활성화한다

 

 

UpdateSignUpButtonState 함수의 로직은 위와 같다

입력한 유저이름 + 비밀번호 + 재입력한 비밀번호 + 이메일주소가 유효한지 확인하고

유효하다면 회원가입 버튼 UI를 활성화한다

 

 

IsValidEmail 함수의 로직은 위와 같다

최초로 호출되면 이메일 주소를 판별하는 정규표현식 static 객체를 생성하고

이후 생성된 정규표현식을 사용하여 입력한 이메일 주소가 유효한지 판단하고 값을 반환한다

 

 

IsStrongPassword 함수의 로직은 위와 같다

최초로 호출되면 입력한 비밀번호가 유효한지 판별하는 정규표현식 static 객체를 생성하고

이후 생성된 정규표현식을 사용하여 입력한 비밀번호가 유효한지 판단하고 값을 반환한다

 

3) SignInOverlay 클래스

 

로그인 UI 클래스에 로그인 관련 페이지 UI들의 구성요소에 연결할 함수들을 추가한다

 

 

NativeConstruct 함수의 로직을 위와 같이 수정한다

로그인 관련 페이지 UI들의 하위 UI들에 적합한 콜백함수들을 연결한다

 

 

SignInButtonClicked 함수의 로직은 위와 같다

중재자 클래스의 SignIn 함수에 입력한 사용자의 이름과 비밀번호를 인자로 넘겨준다

 

 

SignUpButtonClicked 함수의 로직은 위와 같다

중재자 클래스의 SignUp 함수에 입력한 사용자의 이름과 비밀번호, 이메일 주소를 인자로 넘겨준다

 

 

ConfirmButtonClicked 함수의 로직은 위와 같다

중재자 클래스의 Confirm 함수에 입력한 인증 코드를 인자로 넘겨준다

 

4) PortalManager 클래스

 

중재자 클래스에 UI를 통해 호출할 함수들을 추가한다

 

 

로그인 + 회원가입 + 회원인증을 수행하는 함수들은 아직 정의하지 않았다

 

 

QuitGame 함수의 로직은 위와 같다

QuitGame 함수를 호출하여 위와 같이 인자를 구성하여 플랫폼에 상관없이 완전하게 게임을 종료한다

 

- 최종 실행 결과