[iOS, swift] 소셜 로그인(social login) 구현하기 - 애플(Apple) 계정

소셜 로그인 - 애플 로그인(Sign in with Apple)을 구현해보자.

 

 

 

 

요즘 어플에서는 필수로 들어가는 소셜 로그인을 구현한다면, 애플로그인을 구현해야 합니다.

애플은 2019년 애플 로그인 기능을 발표와 동시에 앱 내에 다른 소셜 로그인 서비스를 사용 시 필수로 애플 로그인을 제공해야 한다는 심사지침도 함께 내놓았기 때문!!

Apple로 로그인에 대한 신규 가이드라인 - 뉴스 - Apple Developer

따라서, 이제는 필수가 된 애플 로그인을 구현하는 방법을 알아봅시다.

 

*시뮬레이터에선 안되고, 실제 아이폰 기기로 실행 가능.

로그아웃은 지원이 안돼서 개발자가 직접 구현해야 함.

---

Step 1. Capability 추가

애플 로그인을 적용하기 위한 사전 설정입니다.

XCode Project > Signing & Capabilities >  + Capability > Sign In with Apple을 검색 후 추가!

다른 소셜 로그인 서비스들을 개발할 때처럼 SDK를 사용하지도 않고 별다른 설정도 필요 없습니다.

바로 Capability에 아래와 같이 Sign In with Apple 항목이 추가됩니다.

---

Step 2.  애플 로그인 버튼 추가

Apple 로그인 Action을 수행하는 버튼을 추가하는 방법입니다.

---

2-1 AuthenticationServices import

그전에 사용할 클래스에 Apple 로그인을 사용하기 위한 프레임워크인 AuthenticationServices 아래와 같이 임포트 해주세요.

import AuthenticationServices

 

---

2-2. ASAuthorizationControllerDelegate, ASAuthorizationControllerPresentationContextProviding 상속

먼저 ASAuthorizationControllerDelegate, ASAuthorizationControllerPresentationContextProviding 상속받습니다.

저는 extension으로 해줬어요.

상속받으면 필수로 presentationAnchor 메소드를 구현해줍니다.

>> presentationAnchor : 버튼을 눌렀을 때 Apple 로그인을 모달 시트로 표시하는 함수입니다.

또한, 연동 성공 시 받아올 정보를 처리해줍니다. 제공받는 정보는 아래와 같습니다.

user - 유저고유 식별자
fullName - 유저이름
email - 유저이메일
authorizationCode - 인증코드
identityToken - 유저의 토큰 >> 유저마다 다르게 가지고 있는 고유한 값으로 토큰 유효성 검사를 하기 위해서 필요한 값!

extension SignInAppleVC: ASAuthorizationControllerPresentationContextProviding, ASAuthorizationControllerDelegate{
    
    func presentationAnchor(for controller: ASAuthorizationController) -> ASPresentationAnchor {
        return self.view.window!
    }
    
    // Apple ID 연동 성공 시
    func authorizationController(controller: ASAuthorizationController, didCompleteWithAuthorization authorization: ASAuthorization) {
        switch authorization.credential {
            // Apple ID
        case let appleIDCredential as ASAuthorizationAppleIDCredential:
            
            // 계정 정보 가져오기
            let userIdentifier = appleIDCredential.user
            let fullName = appleIDCredential.fullName
            let email = appleIDCredential.email
            let idToken = appleIDCredential.identityToken!
            let tokeStr = String(data: idToken, encoding: .utf8)
         
            print("User ID : \(userIdentifier)")
            print("User Email : \(email ?? "")")
            print("User Name : \((fullName?.givenName ?? "") + (fullName?.familyName ?? ""))")
            print("token : \(String(describing: tokeStr))")
            
        default:
            break
        }
    }
    
    // Apple ID 연동 실패 시
    func authorizationController(controller: ASAuthorizationController, didCompleteWithError error: Error) {
        // Handle error.
    }
}

 

최초 로그인 이후에는 email값이 자꾸 nil이 나오는데, 이미 가입이 됐기 때문에 email값이 nil이 나옵니다.

앱의 애플 아이디 연동을 삭제하고 다시 로그인하면 다시 나옵니다.

*[연동 삭제]

설정 > 계정 > 암호 > 애플 아이디 사용 앱 > 해당 앱 > 아이디 사용 중단

 

---

2-3. Request

로그인 버튼 클릭 시 수행할 로직은 먼저 request 생성 후 request를 보내줄 controller를 생성합니다.

그리고 performRequest()로 요청을 보냅니다. 매우 간단 ^^

class SignInAppleVC: UIViewController {
//애플 소셜 로그인
    @IBAction func appleLogin(_ sender: Any) {
        let appleIDProvider = ASAuthorizationAppleIDProvider()
        let request = appleIDProvider.createRequest()
        request.requestedScopes = [.fullName, .email]
        
        let authorizationController = ASAuthorizationController(authorizationRequests: [request])
        authorizationController.delegate = self
        authorizationController.presentationContextProvider = self
        authorizationController.performRequests()
    }
}

[실행 화면]

[성공 결과]

---

+ 애플 제공하는 버튼 사용하기(옵션)

아래 코드를 추가하고,

let appleButton = ASAuthorizationAppleIDButton(type: .signIn, style: .whiteOutline)

에서 타입이랑 스타일을 변경해서 애플 로그인 버튼 사용 가능합니다.

    func setupProviderLoginView() {
        let appleButton = ASAuthorizationAppleIDButton(type: .signIn, style: .whiteOutline)
        appleButton.addTarget(self, action: #selector(handleAuthorizationAppleIDButtonPress), for: .touchUpInside)
        self.view.addSubview(appleButton)
        appleButton.translatesAutoresizingMaskIntoConstraints = false
        appleButton.leadingAnchor.constraint(equalTo: self.view.leadingAnchor).isActive = true
        appleButton.trailingAnchor.constraint(equalTo: self.view.trailingAnchor).isActive = true
        appleButton.topAnchor.constraint(equalTo: self.view.topAnchor).isActive = true
        appleButton.bottomAnchor.constraint(equalTo: self.view.bottomAnchor).isActive = true
        
    }
    @objc func handleAuthorizationAppleIDButtonPress() {
        let appleIDProvider = ASAuthorizationAppleIDProvider()
        let request = appleIDProvider.createRequest()
        request.requestedScopes = [.fullName, .email]
        let authorizationController = ASAuthorizationController(authorizationRequests: [request])
        authorizationController.delegate = self
        authorizationController.presentationContextProvider = self
        authorizationController.performRequests()
    }

---

Step 3.  애플 로그인 상태 확인

 

다음은 앱 실행 시 애플 로그인 상태 확인하는 방법입니다.

아래와 같이, AppDelegate에서 application(_:didFinishLaunchingWithOptions:)에 함수를 추가합니다.

 

[애플 로그인 상태값]

  - authorized : 해당 User Identifier 값이 앱과 연결이 허가되어있다.

  - revoked : 해당 User Identifier 값이 앱과 연결이 취소되어있다.

  - notFound : 해당 User Identifier 값이 앱과 연결을 찾을 수 없다.

//applelogin 상태 확인
func application(_ application: UIApplication, didFinishLaunchingWithOptions launchOptions: [UIApplication.LaunchOptionsKey: Any]?) -> Bool {
        let appleIDProvider = ASAuthorizationAppleIDProvider()
        //forUserID = userIdentifier
        appleIDProvider.getCredentialState(forUserID: "001281.9301aaa1f617423c9c7a64b671b6eb84.0758") { (credentialState, error) in
            switch credentialState {
            case .authorized:
                // The Apple ID credential is valid.
                print("해당 ID는 연동되어있습니다.")
            case .revoked:
                // The Apple ID credential is either revoked or was not found, so show the sign-in UI.
                print("해당 ID는 연동되어있지않습니다.")
            case .notFound:
                // The Apple ID credential is either was not found, so show the sign-in UI.
                print("해당 ID를 찾을 수 없습니다.")
            default:
                break
            }
        }
		//앱 실행 중 강제로 연결 취소 시
        NotificationCenter.default.addObserver(forName: ASAuthorizationAppleIDProvider.credentialRevokedNotification, object: nil, queue: nil) { (Notification) in
            print("Revoked Notification")
            // 로그인 페이지로 이동
        } 
	return true
}

 

[실행 화면]