[iOS] Swift로 Apple로그인 구현하기

안녕하세요 Foma 입니다!!

 

2019 WWDC에서 발표한 Sign in with apple에 대해서 알아볼건데요.

 

발표와 동시에 Apple은 새로운 가이드 라인을 추가했는데

 

바로 타사 소셜 로그인이 있다 면 Apple 로그인을 필수로 제공해야 한다는 것이죠! 

 

그러니깐 "타사 로그인을 지원할거면 우리꺼도 무조건 지원해!! " 라는 것이죠.

 

 

그러면 구현하기에 앞서 가장 먼저 필요한 것은 애플 개발자 계정입니다.

 

애플 개발자 계정이 있어야 Sign in with apple 권한을 얻을 수 있어요 ㅠ

 

개발자 계정 등록방법은 아래 사이트를 참고해주세요!

 

Apple Developer 앱에서 계정 등록 및 관리하기 - 지원 - Apple Developer

 

개발자 계정 등록이 완료되었다면 Xcode로 이동해주세요

 

Xcode

---

해당 프로젝트의 Targets - Signing & Capabilities로 이동해줍니다.

 

그러면 아래 노란색으로 표시해놓은 것처럼 +Capability가 보일건데 이것을 누르고 Sign in with Apple을 선택해 추가해줍니다.

추가가 되었다면 아래처럼 Sign in with Apple이 생길거에요!

StoryBoard

---

StoryBoard로 이동해서 Apple Login Button 역할을 할 Button을 만들어줍니다.

 

 Button의 클래스는 ASAuthorizationAppleIDButton 으로 설정해줍니다.

ViewController

---

ViewController에 버튼을 연결시켜주고 AuthenticationServices를 import해줍니다.

아 그리고 중요한 건 애플로그인은 iOS 13.0버전 이후부터 지원하므로 ViewController에 반드시 @available(iOS 13.0,*)을 넣어줘야합니다.

그리곤 AppleLogin 딜리게이트를 먼저 만들어줍시다!

 

두가지 함수가 필요한데 하나는 로그인이 성공했을 때와 에러가 있을 때 입니다.

 

didCompleteWithAuthorization 함수는 로그인이 성공했을 때 호출되는데 여기서 Crendential을 만들어주고 유저이름과 이메일을 받아올 수 있습니다!

 

didCompleteWithError 함수는 error가 발생했을 때 호출되는 함수입니다.

그 다음으론 ASAuthorizationControllerPresentationContextProviding라는 딜리게이트를 만들어줘야하는데요.

 

이것은 바로 AppleLogin버튼을 눌렀을 때 아래에 뜨는 알림창같은거 보셨죠? 바로 그거입니다.

 

이 알림창의 Anchor를 현재 view의 window로 설정해줍시다.

자 이제 딜리게이트를 모두 끝마쳤다면 그 다음으론 appleLogin 버튼을 눌렀을 때 어떤 것을 해야할지 구현해줘야하겠죠?

 

appleLoginButton에 addTarget을 달아주고 @objc메소드로 appleLogInButtonTapped()을 만들어줍니다.

 

간단하게 설명드리면 addTarget은 이 버튼을 눌렀을 때 설정한 #selector(@objc 메소드)를 실행시켜줘라고 이해하시면 됩니다!

 

appleLoginButtonTapped() 즉 appleLogin버튼을 눌렀을 때 설정해줘야 할 게 몇가지 있어요

 

첫번째로 authorizationProvider를 만들어서 요청을 해야해요.

 

원하는 정보도 같이 넣어줍시다. (email이나 name 등)

 

그 다음으로 authorizationController를 만들어준뒤 delegate를 현재 ViewController로 해주고 아까 만들어준

 

presentationContextProvider 딜리게이트 또한 현재 ViewController로 설정해준 뒤 performRequests()를 해줍니다.

 

GIF

---

 

모든 설정이 끝나고 실행시켜주면 아래와 같이 애플로그인이 정상적으로 작동되는걸 볼 수 있습니다. 

이메일도 정상적으로 출력되는걸 볼 수 있습니다.

 

Source Code

---

fomagran/AppleLoginExample