Platform
Apple 계정으로 로그인 설정: 개발자 가이드

15min
Apple로 로그인하기 튜토리얼
소개
Apple로 로그인하기 기능을 사용하면 사용자가 Apple ID를 사용하여 앱에 로그인할 수 있습니다.
이 기능은 iOS 13 및 이후 버전과 Parse 3.5 및 이후 버전에서 사용할 수 있습니다.
전제 조건
이 튜토리얼을 완료하려면 다음이 필요합니다:
Back4App에서 생성된 앱
다음의 새 앱 만들기 튜토리얼을 참조하여 Back4App에서 앱을 만드는 방법을 알아보세요.
Back4App 앱을 위한 서브도메인 설정
다음의 웹 호스팅 및 실시간 쿼리 활성화을 참조하여 Back4App에서 서브도메인을 만드는 방법을 알아보세요.
 Apple 개발자 계정이 필요합니다.
- 새로운 Back4App 앱 만들기
우선, Back4App에 기존 앱이 생성되어 있는지 확인해야 합니다. 그러나 새로운 사용자라면 이 튜토리얼을 확인하여 앱을 만드는 방법을 알아보세요.
- Apple로 로그인 기능을 XCode 프로젝트에 추가하기
XCode 프로젝트에서 Target (1)을 클릭하고 Signing & Capabilities 탭 (2)으로 이동합니다.
+ 기능 버튼 (3)을 클릭하고 Apple로 로그인 기능 (4)을 추가합니다.
그곳에서 번들 식별자 (5)를 선택하고 이 정보를 기억해 두세요. 나중에 필요할 것입니다.
﻿
- 새로운 서비스 ID 만들기
당신의 Apple 개발자 계정에 로그인하고 식별자 섹션으로 이동합니다. 생성한 번들 식별자가 있는지 확인합니다.
﻿
 번들 식별자를 클릭하고 아래로 스크롤합니다. Apple로 로그인이 선택되었는지 확인합니다.
﻿
클릭 편집하고 기본 앱 ID로 활성화가 선택되었는지 확인하세요.
﻿
모든 것이 올바르면 저장하고 종료하세요.
- Apple을 위한 Parse Auth 설정하기
Back4App 웹사이트로 가서 로그인한 후, 앱을 찾으세요. 그 후 서버 설정을 클릭하고 Apple 로그인 블록을 검색한 후 설정을 선택하세요.
 Apple 로그인 섹션은 다음과 같습니다:
﻿
이제 아래 필드에 Bundle ID를 붙여넣고 저장 버튼을 클릭하면 됩니다.
﻿
Apple 로그인 통합 중 문제가 발생하면, 채팅을 통해 저희 팀에 문의해 주세요!
- 옵션 1 - 템플릿 다운로드
Apple로 로그인하기 위해서는 약간의 코딩이 필요하므로, 이 템플릿을 만들었습니다. 이 템플릿을 다운로드하여 Bundle Identifier, App Id, 그리고 Client Key을 변경할 수 있습니다.
코드는 완전히 문서화되어 있으므로 좋은 출발점입니다.
이 문서를 읽고 싶으시다면, 다음 단계로 진행해 주세요.
- 옵션 2 - 수동으로 코드 작성하기
뷰 안에 AuthenticationServices 프레임워크를 추가하고 PFUserAuthenticationDelegate를 처리할 AuthDelegate를 생성하세요:
Swift
 import AuthenticationServices
2
 class AuthDelegate:NSObject, PFUserAuthenticationDelegate {
     func restoreAuthentication(withAuthData authData: [String : String]?) -> Bool {
         return true
     }
  
     func restoreAuthenticationWithAuthData(authData: [String : String]?) -> Bool {
         return true
    }
}
 import AuthenticationServices
2
 class AuthDelegate:NSObject, PFUserAuthenticationDelegate {
     func restoreAuthentication(withAuthData authData: [String : String]?) -> Bool {
         return true
     }
  
     func restoreAuthenticationWithAuthData(authData: [String : String]?) -> Bool {
         return true
    }
}
﻿
- ViewController에 대한 Delegates 구현하기
ViewController에 대해 ASAuthorizationControllerDelegate 및 ASAuthorizationControllerPresentationContextProviding을 구현하세요:
Swift
 class ViewController: UIViewController, ASAuthorizationControllerDelegate, ASAuthorizationControllerPresentationContextProviding
 class ViewController: UIViewController, ASAuthorizationControllerDelegate, ASAuthorizationControllerPresentationContextProviding
﻿
- 애플로 로그인 버튼 추가하기
ViewDidAppear는 이 작업을 수행하기에 좋은 장소입니다. 다른 장소를 선택하는 경우, 한 번만 호출해야 한다는 것을 기억하세요:
Swift
 override func viewDidAppear(_ animated: Bool) {
         super.viewDidAppear(animated)
      
         // Sign In with Apple button
         let signInWithAppleButton = ASAuthorizationAppleIDButton()
6
         // set this so the button will use auto layout constraint
         signInWithAppleButton.translatesAutoresizingMaskIntoConstraints = false
9
        // add the button to the view controller root view
        self.view.addSubview(signInWithAppleButton)
12
        // set constraint
        NSLayoutConstraint.activate([
            signInWithAppleButton.leadingAnchor.constraint(equalTo: view.safeAreaLayoutGuide.leadingAnchor, constant: 50.0),
            signInWithAppleButton.trailingAnchor.constraint(equalTo: view.safeAreaLayoutGuide.trailingAnchor, constant: -50.0),
            signInWithAppleButton.bottomAnchor.constraint(equalTo: view.safeAreaLayoutGuide.bottomAnchor, constant: -70.0),
            signInWithAppleButton.heightAnchor.constraint(equalToConstant: 50.0)
        ])
20
        // the function that will be executed when user tap the button
        signInWithAppleButton.addTarget(self, action: #selector(appleSignInTapped), for: .touchUpInside)
    }
 override func viewDidAppear(_ animated: Bool) {
         super.viewDidAppear(animated)
      
         // Sign In with Apple button
         let signInWithAppleButton = ASAuthorizationAppleIDButton()
6
         // set this so the button will use auto layout constraint
         signInWithAppleButton.translatesAutoresizingMaskIntoConstraints = false
9
        // add the button to the view controller root view
        self.view.addSubview(signInWithAppleButton)
12
        // set constraint
        NSLayoutConstraint.activate([
            signInWithAppleButton.leadingAnchor.constraint(equalTo: view.safeAreaLayoutGuide.leadingAnchor, constant: 50.0),
            signInWithAppleButton.trailingAnchor.constraint(equalTo: view.safeAreaLayoutGuide.trailingAnchor, constant: -50.0),
            signInWithAppleButton.bottomAnchor.constraint(equalTo: view.safeAreaLayoutGuide.bottomAnchor, constant: -70.0),
            signInWithAppleButton.heightAnchor.constraint(equalToConstant: 50.0)
        ])
20
        // the function that will be executed when user tap the button
        signInWithAppleButton.addTarget(self, action: #selector(appleSignInTapped), for: .touchUpInside)
    }
﻿
마지막 줄의 appleSignInTapped도 ViewController 클래스 내에서 정의되어야 합니다:
Swift
// This is the function that will be executed when user taps the button
     @objc func appleSignInTapped() {
         let provider = ASAuthorizationAppleIDProvider()
         let request = provider.createRequest()
         // request full name and email from the user's Apple ID
         request.requestedScopes = [.fullName, .email]
7
         // pass the request to the initializer of the controller
         let authController = ASAuthorizationController(authorizationRequests: [request])
      
        // similar to delegate, this will ask the view controller
        // which window to present the ASAuthorizationController
        authController.presentationContextProvider = self
      
        // delegate functions will be called when user data is
        // successfully retrieved or error occured
        authController.delegate = self
        
        // show the Sign-in with Apple dialog
        authController.performRequests()
    }
// This is the function that will be executed when user taps the button
     @objc func appleSignInTapped() {
         let provider = ASAuthorizationAppleIDProvider()
         let request = provider.createRequest()
         // request full name and email from the user's Apple ID
         request.requestedScopes = [.fullName, .email]
7
         // pass the request to the initializer of the controller
         let authController = ASAuthorizationController(authorizationRequests: [request])
      
        // similar to delegate, this will ask the view controller
        // which window to present the ASAuthorizationController
        authController.presentationContextProvider = self
      
        // delegate functions will be called when user data is
        // successfully retrieved or error occured
        authController.delegate = self
        
        // show the Sign-in with Apple dialog
        authController.performRequests()
    }
﻿
- presentationContextProvider
presentationContextProvider (ASAuthorizationControllerPresentationContextProviding)는 어떤 창에서 인증 대화 상자를 표시해야 하는지 요청합니다. 같은 창에 표시할 것이므로 self.view.window를 반환해야 합니다:
Swift
 func presentationAnchor(for controller: ASAuthorizationController) -> ASPresentationAnchor {
         // return the current view window
         return self.view.window!
     }
 func presentationAnchor(for controller: ASAuthorizationController) -> ASPresentationAnchor {
         // return the current view window
         return self.view.window!
     }
﻿
- 델리게이트 ASAuthorizationControllerDelegate 처리하기
델리게이트가 호출될 때 처리해야 할 몇 가지 옵션이 있으므로, 이러한 옵션을 구별하여 처리할 수 있도록 코드를 추가해 보겠습니다:
Swift
 func authorizationController(controller: ASAuthorizationController, didCompleteWithError error: Error) {
         print("authorization error")
         guard let error = error as? ASAuthorizationError else {
             return
         }
6
         switch error.code {
         case .canceled:
             // user press "cancel" during the login prompt
            print("Canceled")
        case .unknown:
            // user didn't login their Apple ID on the device
           print("Unknown")
        case .invalidResponse:
            // invalid response received from the login
            print("Invalid Respone")
        case .notHandled:
            // authorization request not handled, maybe internet failure during login
            print("Not handled")
        case .failed:
            // authorization failed
            print("Failed")
        @unknown default:
            print("Default")
        }
    }
 func authorizationController(controller: ASAuthorizationController, didCompleteWithError error: Error) {
         print("authorization error")
         guard let error = error as? ASAuthorizationError else {
             return
         }
6
         switch error.code {
         case .canceled:
             // user press "cancel" during the login prompt
            print("Canceled")
        case .unknown:
            // user didn't login their Apple ID on the device
           print("Unknown")
        case .invalidResponse:
            // invalid response received from the login
            print("Invalid Respone")
        case .notHandled:
            // authorization request not handled, maybe internet failure during login
            print("Not handled")
        case .failed:
            // authorization failed
            print("Failed")
        @unknown default:
            print("Default")
        }
    }
﻿
- didCompleteWithAuthorization에 대한 델리게이트 처리하기
성공적으로 인증되면, 승인된 정보를 검색할 수 있습니다:
Swift
    func authorizationController(controller: ASAuthorizationController, didCompleteWithAuthorization authorization: ASAuthorization) {
      
            if let appleIDCredential = authorization.credential as? ASAuthorizationAppleIDCredential {
                // unique ID for each user, this uniqueID will always be returned
                let userID = appleIDCredential.user
                print("UserID: " + userID)
          
                // if needed, save it to user defaults by uncommenting the line below
                //UserDefaults.standard.set(appleIDCredential.user, forKey: "userID")
          
               // optional, might be nil
               let email = appleIDCredential.email
               print("Email: " + (email ?? "no email") )
          
               // optional, might be nil
               let givenName = appleIDCredential.fullName?.givenName
               print("Given Name: " + (givenName ?? "no given name") )
          
               // optional, might be nil
               let familyName = appleIDCredential.fullName?.familyName
               print("Family Name: " + (familyName ?? "no family name") )
          
               // optional, might be nil
               let nickName = appleIDCredential.fullName?.nickname
               print("Nick Name: " + (nickName ?? "no nick name") )
               /*
                   useful for server side, the app can send identityToken and authorizationCode
                   to the server for verification purpose
               */
               var identityToken : String?
               if let token = appleIDCredential.identityToken {
                   identityToken = String(bytes: token, encoding: .utf8)
                   print("Identity Token: " + (identityToken ?? "no identity token"))
               }
35
               var authorizationCode : String?
               if let code = appleIDCredential.authorizationCode {
                   authorizationCode = String(bytes: code, encoding: .utf8)
                   print("Authorization Code: " + (authorizationCode ?? "no auth code") )
               }
41
               // do what you want with the data here
          
         }    
     }
    func authorizationController(controller: ASAuthorizationController, didCompleteWithAuthorization authorization: ASAuthorization) {
      
            if let appleIDCredential = authorization.credential as? ASAuthorizationAppleIDCredential {
                // unique ID for each user, this uniqueID will always be returned
                let userID = appleIDCredential.user
                print("UserID: " + userID)
          
                // if needed, save it to user defaults by uncommenting the line below
                //UserDefaults.standard.set(appleIDCredential.user, forKey: "userID")
          
               // optional, might be nil
               let email = appleIDCredential.email
               print("Email: " + (email ?? "no email") )
          
               // optional, might be nil
               let givenName = appleIDCredential.fullName?.givenName
               print("Given Name: " + (givenName ?? "no given name") )
          
               // optional, might be nil
               let familyName = appleIDCredential.fullName?.familyName
               print("Family Name: " + (familyName ?? "no family name") )
          
               // optional, might be nil
               let nickName = appleIDCredential.fullName?.nickname
               print("Nick Name: " + (nickName ?? "no nick name") )
               /*
                   useful for server side, the app can send identityToken and authorizationCode
                   to the server for verification purpose
               */
               var identityToken : String?
               if let token = appleIDCredential.identityToken {
                   identityToken = String(bytes: token, encoding: .utf8)
                   print("Identity Token: " + (identityToken ?? "no identity token"))
               }
35
               var authorizationCode : String?
               if let code = appleIDCredential.authorizationCode {
                   authorizationCode = String(bytes: code, encoding: .utf8)
                   print("Authorization Code: " + (authorizationCode ?? "no auth code") )
               }
41
               // do what you want with the data here
          
         }    
     }
﻿
여기가 Parse에 로그인하는 코드를 추가할 수 있는 곳입니다. 그래서 여기서 데이터로 원하는 작업을 수행하세요 주석 바로 뒤에 추가해 보겠습니다:
Swift
 PFUser.logInWithAuthType(inBackground: "apple", authData: ["token": String(identityToken!), "id": userID]).continueWith { task -> Any? in
                 if ((task.error) != nil){
                     //DispatchQueue.main.async {
                         print("Could not login.\nPlease try again.")
                         print("Error with parse login after SIWA: \(task.error!.localizedDescription)")
                     //}
                     return task
                 }
                 print("Successfuly signed in with Apple")
                return nil
            }
 PFUser.logInWithAuthType(inBackground: "apple", authData: ["token": String(identityToken!), "id": userID]).continueWith { task -> Any? in
                 if ((task.error) != nil){
                     //DispatchQueue.main.async {
                         print("Could not login.\nPlease try again.")
                         print("Error with parse login after SIWA: \(task.error!.localizedDescription)")
                     //}
                     return task
                 }
                 print("Successfuly signed in with Apple")
                return nil
            }
﻿
물론, Parse 프레임워크를 추가하세요:
Swift
 import Parse
 import Parse
﻿
이메일 인증 설정 가이드: Parse 서버 적용 방법
인스타그램 OAuth 튜토리얼: 소프트웨어 개발자를 위한 가이드
Apple 계정으로 로그인 설정: 개발자 가이드

Apple로 로그인하기 튜토리얼

소개

전제 조건

1 - 새로운 Back4App 앱 만들기

2 - Apple로 로그인 기능을 XCode 프로젝트에 추가하기

3 - 새로운 서비스 ID 만들기

4 - Apple을 위한 Parse Auth 설정하기

5 - 옵션 1 - 템플릿 다운로드

6 - 옵션 2 - 수동으로 코드 작성하기

7 - ViewController에 대한 Delegates 구현하기

8 - 애플로 로그인 버튼 추가하기

9 - presentationContextProvider

10 - 델리게이트 ASAuthorizationControllerDelegate 처리하기

11 - didCompleteWithAuthorization에 대한 델리게이트 처리하기
