iOS
Xcode 앱에 사용자 등록 및 로그인 구현: ObjC 튜토리얼
16 분
xcode와 back4app을 사용한 로그인 및 사용자 등록 튜토리얼 소개 이 섹션에서는 back4app을 통해 간단한 사용자 등록을 사용하여 앱을 만드는 방법을 설명합니다 parse server 핵심 기능 이것이 어떻게 보일지입니다 언제든지 이 튜토리얼로 구축된 전체 프로젝트에 접근할 수 있습니다 github 저장소 이 빠른 시작을 완료하려면 다음이 필요합니다 xcode back4app에서 생성된 앱 다음 new parse app 튜토리얼 을 따라 back4app에서 parse 앱을 만드는 방법을 배우세요 back4app에 연결된 ios 앱 참고 다음 parse sdk (objc) 설치 튜토리얼 을 따라 back4app에 연결된 xcode 프로젝트를 만드세요 유료 apple 개발자 계정 1 설정하기 loggedinviewcontroller라는 또 다른 뷰 컨트롤러를 추가하세요 메인 스토리보드에서 캔버스에 뷰 컨트롤러를 드래그하고 클래스를 loggedinviewcontroller로 설정한 후 스토리보드 id를 loggedinviewcontroller로 설정하세요 viewcontroller m과 loggedinviewcontroller m 모두에서 파일 상단에 parse 모듈을 포함해야 합니다 2 회원가입 및 로그인 ui 만들기 로그인하면 세션 객체가 생성되어 로그인한 사용자를 가리킵니다 로그인에 성공하면 parseuser currentuser() 가 사용자 객체를 반환하고, 대시보드 대시보드 에 세션 객체가 생성됩니다 그렇지 않으면, 대상 사용자 이름이 존재하지 않거나 비밀번호가 잘못된 경우 null을 반환합니다 로그인 작업을 수행하는 데 사용되는 방법은 parseuser loginwithusername() , 사용자 이름과 비밀번호 문자열만큼의 인수를 요구하며, 콜백 함수를 호출할 수 있습니다 참고 가입 후, 로그인은 자동으로 수행됩니다 메인 스토리보드의 viewcontroller에 네 개의 uitextfield를 드래그합니다 텍스트 필드를 중앙에 배치하고, 두 개는 상단에, 두 개는 하단에 배치합니다 두 개의 uibutton을 뷰에 드래그하여 텍스트 필드 아래에 배치합니다 상단 버튼의 텍스트는 '로그인'으로 설정하고, 하단 버튼의 텍스트는 '가입'으로 설정합니다 텍스트 필드는 '사용자 이름'과 '비밀번호'라고 설정합니다 이렇게 보일 것입니다 2\ 다음으로 스토리보드의 uitextfield를 뷰 컨트롤러의 속성과 연결합니다 viewcontroller m의 상단에 다음 속성을 추가합니다 그런 다음 스토리보드로 가서 각 uitextfield를 오른쪽 클릭하고 참조 아울렛을 클릭한 다음 viewcontroller 아이콘으로 선을 드래그하여 적절한 필드에 설정합니다 signinusernamefield는 로그인 사용자 이름 필드에 연결됩니다, 등등… 마지막으로 나중에 사용할 uiactivityindicatorview를 추가합니다 2\ 그런 다음 viewdidload 메서드에서 uiactivityindicatorview를 화면 중앙에 부착되도록 설정합니다 3\ 그런 다음 viewdidappear 메서드에서 이미 로그인되어 있는지 확인합니다 로그인되어 있다면 사용자를 loggedinviewcontroller로 리디렉션합니다 4\ 다음으로 gotomainpage 메서드를 추가합니다 사용자를 loggedinviewcontroller로 리디렉션합니다 스토리보드의 loggedinviewcontroller의 클래스와 스토리보드 id가 loggedinviewcontroller로 설정되어 있는지 확인합니다 5\ 이제 메인 스토리보드의 viewcontroller에서 signup 버튼에 연결될 ibaction을 설정합시다 6\ 서버에서 오는 오류 메시지를 표시하기 위해 displayerrormessage 함수를 추가해야 합니다 이 메소드는 파스 앱과 통신할 때마다 사용할 것입니다 7\ 이제 네트워크 활동과 네트워크 오류를 처리할 수 있으므로 메인 스토리보드의 viewcontroller에서 signin 버튼에 연결될 ibaction을 설정합시다 3 로그 아웃 로그 아웃은 로그인한 사용자의 활성 세션 객체를 삭제합니다 로그 아웃을 수행하는 데 사용되는 방법은 parseuser logoutinbackgroundwithblock() 입니다 메인 스토리보드에서 loggedinviewcontroller로 uibutton을 드래그합니다 버튼 제목을 '로그아웃'으로 설정합니다 이렇게 보여야 합니다 서버에서 오류 메시지를 표시하기 위해 displayerrormessage 함수를 다시 추가합시다 우리는 파스 앱과 통신할 때마다 이 방법을 사용할 것입니다 2\ 로그아웃 후 로그인/가입 화면으로 돌아가기 위해 gotostartpage 함수를 추가합시다 3\ 마지막으로 로그아웃 호출을 실행하고 viewcontroller m의 가입/로그인 페이지로 돌아가는 ibaction을 추가합시다 이 메소드는 pfuser를 로그아웃하고 가입 페이지로 돌아갑니다 이 ibaction을 loggedinviewcontroller의 로그아웃 버튼에 연결하세요 4 앱 테스트하기 앱을 실행하고 몇 명의 사용자를 생성한 후, 등록한 후 다시 로그인해 보세요 다음에서 로그인하세요 back4app 웹사이트 https //www back4app com/ 앱을 찾아서 클릭하세요 대시보드 대시보드 > 코어 코어 > 브라우저 브라우저 > 사용자 사용자 같은 사용자로 로그인하고 로그아웃한 후 다시 로그인해 보세요 이 시점에서 아래와 같이 사용자가 표시되어야 합니다 참고 위에 표시된 코드를 사용하여 사용자가 로그인할 때마다 세션 세션 이 대시보드 대시보드 에서 열립니다 그러나 사용자가 로그아웃하면 해당 세션 세션 이 종료됩니다 또한, 로그인 또는 가입 시도가 실패할 때마다 parse server 대시보드 대시보드 에서 열린 세션 세션 이 삭제됩니다 완료되었습니다! 이 단계에서 back4app을 통해 parse server의 핵심 기능을 사용하여 앱에 로그인하고, 등록하거나 로그아웃할 수 있습니다!