[iOS] SwiftUI - SignInWithAppleButton / 애플 로그인 커스텀 버튼

structure SignInWithAppleButton

https://developer.apple.com/documentation/authenticationservices/signinwithapplebutton
SwiftUI / iOS 14.0 +

설정할 수 있는 것

• Labels
  • continue
  • signIn
  • signUp

• Styles
  • black
  • white
  • whiteOutline

Sample code

SignInWithAppleButton(.continue) { request in
    request.requestedScopes = [.fullName, .email]
} onCompletion: { result in
    switch result {
        case .success(let authResults):
        print("Authorisation successful: \(authResults.credential)")
        case .failure(let error):
            print("Authorisation failed: \(error.localizedDescription)")
    }
}
.signInWithAppleButtonStyle(.black)

 

🙈 TMI

디자인이나 문구를 맞추기 위해서 결국 커스텀 버튼을 이용했다고 합니다
참고한 사이트 : https://www.kodeco.com/4875322-sign-in-with-apple-using-swiftui#toc-anchor-003

• View

CommonButton(
    style: .login(backgroundColor: .black),
    imageName: "ic_apple",
    title: "Apple로 계속하기"
) {
    interactor.requestAppleLogin()
}
.onReceive(userState.$isLoggedIn) { isLoggedIn in
    self.isLoggedIn = isLoggedIn
}

 

• Interactor (로직)

import Foundation
import NaverThirdPartyLogin
import AuthenticationServices

final class DefaultLoginInteractor: NSObject, LoginInteractor {

    func requestAppleLogin() {
        let request = ASAuthorizationAppleIDProvider().createRequest()
        request.requestedScopes = [.fullName, .email]
      
        let authorizationController = ASAuthorizationController(authorizationRequests: [request])
        authorizationController.delegate = self
        authorizationController.performRequests()
    }
    
    private func processAppleLogin(_ authorization: ASAuthorization) {
        switch authorization.credential {
        case let appleIDCredential as ASAuthorizationAppleIDCredential:
            guard let authorizationCode = appleIDCredential.authorizationCode else { return }
            let fullName = appleIDCredential.fullName
            let name = "\(fullName?.familyName ?? "") \(fullName?.givenName ?? "")"
            let request = AppleAuthRequest(name: name, authorizationCode: authorizationCode)
            Task {
                let response = await repository.postAppleLogin(request)
                await userState.save(accessToken: response?.accessToken)
            }
        default:
            return
        }
    }
}

extension DefaultLoginInteractor: ASAuthorizationControllerDelegate {
    func authorizationController(controller: ASAuthorizationController, didCompleteWithAuthorization authorization: ASAuthorization) {
        processAppleLogin(authorization)
    }
    
    func authorizationController(controller: ASAuthorizationController, didCompleteWithError error: Error) {
        // 에러처리
    }
}