AWS Cognito - 3) 회원가입 UI 클래스 생성

- 개요

유저 풀에 사용자를 등록하는 회원가입과 관련된 UI 클래스를 추가한다

각각 로그인 페이지 + 회원가입 페이지 + 회원인증 페이지 + 가입 완료 페이지로 구성하였다

 

- 스크립트 작업

1) SignInPage 클래스

 

로그인 페이지의 UI 클래스를 위와 같이 정의하였다

meta = (BindWidget) 속성을 사용하여 변수와 실제 위젯을 연결한다

• TextBox_UserName 멤버변수 : 사용자의 이름을 입력하는 텍스트박스
• TextBox_Password 멤버변수 : 비밀번호를 입력하는 텍스트박스
• Button_SiginIn 멤버변수 : 로그인하는 버튼
• Button_SignUp 멤버변수 : 회원가입하는 버튼
• Button_Quit 멤버변수 : 퇴장하는 버튼
• TextBlock_StatusMessage 멤버변수 : 현재 상태를 출력하는 텍스트블록

 

2) SignUpPage 클래스

 

회원가입 페이지의 UI 클래스를 위와 같이 구성하였다

• TextBox_UserName 멤버변수 : 회원가입할 플레이어의 이름을 입력하는 텍스트박스
• TextBox_Password 멤버변수 : 회원가입할 플레이어의 비밀번호를 입력하는 텍스트박스
• TextBox_ConfirmPassword 멤버변수 : 입력한 비밀번호를 다시 입력하는 텍스트박스
• TextBox_Email 멤버변수 : 이메일 주소를 입력하는 텍스트박스
• Button_SignUp 멤버변수 : 회원가입하는 버튼
• Button_Back 멤버변수 : 뒤로 이동하는 버튼
• TextBlock_StatusMessage 멤버변수 : 현재 상태를 출력하는 텍스트블록

 

3) ConfirmSignUpPage 클래스

 

회원인증 페이지의 UI 클래스를 위와 같이 구성하였다

• TextBox_ConfirmationCode 멤버변수 : 인증 코드를 입력하는 텍스트박스 
• Button_Confirm 멤버변수 : 입력한 코드에 대한 인증을 요청하는 버튼
• TextBlock_StatusMessage 멤버변수 : 현재 상태를 출력하는 텍스트블록
• TextBlock_Destination 멤버변수 : 이동할 페이지를 출력하는 텍스트블록

 

4) SuccessConfirmedPage 클래스

 

가입완료 페이지의 UI 클래스를 위와 같이 구성한다

• Button_Ok 멤버변수 : 가입완료를 확인하는 버튼