iOS13 (二)苹果登录Sign In With Apple

在iOS13中,如果苹果开发者提供任何其他第三方登录,就必须提供“苹果登录”选项。也就是说,如果软件要求“微信登录”或是“QQ登录”时,必须同时提供“苹果登录”的选项给用户自行选择。根据苹果公司最新公布的指南,要求开发者在苹果终端的应用程序登录界面上,将“苹果登录”选项列在任何其他第三方登录的选项之上。苹果官方demo

授权流程图
效果图


准备:

手机系统版本:iOS13.0及其以上版本;

Xcode版本:11.0 及其以上版本;

证书:创建支持苹果登录的证书 (注意:企业证书没有Sign in with apple功能);详细流程参考

Xcode->TARGETS->Signing&Capabilities中添加Sign In With Apple选项


一、创建登录按钮


官方提供了一个 ASAuthorizationAppleIDButton (继承自UIControl),使用这个来创建一个登录按钮。

let button = ASAuthorizationAppleIDButton()

button.addTarget(self, action: #selector(handleAuthAppleIDButtonPress), for: .touchUpInside)

button.center = self.view.center

self.view.addSubview(button)

这个按钮具有两种文案类型和三个样式,分别是:

a@available(iOS 13.0, *)public enum ButtonType : Int {

    case signIn

    case `continue`

    public static var `default`: ASAuthorizationAppleIDButton.ButtonType { get }

}

@available(iOS 13.0, *)public enum Style : Int {

    case white

    case whiteOutline

    case black

}

·Apple 提供的登录按钮有三种外观:白色,带有黑色轮廓线的白色和黑色。

·文案有两种:Sign In with Apple 和 Continue with Apple。(具体使用哪个文案,根据自身业务需求来定)

按钮宽高默认值为 {width:130, height:30}。

对于 ASAuthorizationAppleIDButton 我们能够自定义的东西比较少,比如背景色不能更改,文案只有两种可选,并且值不能修改,可以调整的只有圆角cornerRadius和size 。

let button = ASAuthorizationAppleIDButton(authorizationButtonType: ASAuthorizationAppleIDButton.ButtonType.continue, authorizationButtonStyle: ASAuthorizationAppleIDButton.Style.black)

button.bounds = CGRect.init(x: 0, y: 0, width: 80, height: 80)

button.cornerRadius = 40.0

问题:按钮显示的文字都是英文的,而且我们不可以修改文字。

解决:我们只需要添加本地化支持就可以了,此方法适用于一切系统文案,苹果已经做好了相关文字的适配,不需要自己写文案

·Project->Info->Localizations->添加


二、Authorization 发起授权登录请求


/// 按下按钮->处理苹果ID认证

func handleAuthAppleIDButtonPress() {

    let request = ASAuthorizationAppleIDProvider().createRequest()

    request.requestedScopes = [.fullName, .email]


    let authController = ASAuthorizationController(authorizationRequests: [request])

    authController.delegate = self

    authController.presentationContextProvider = self

    authController.performRequests()//启动授权

}

解析:

·ASAuthorizationAppleIDProvider 这个类比较简单,头文件中可以看出,主要用于创建一个 ASAuthorizationAppleIDRequest 以及获取对应 userID 的用户授权状态。在上面的方法中我们主要是用于创建一个 ASAuthorizationAppleIDRequest ,用户授权状态的获取后面会提到。

·给创建的 request 设置 requestedScopes ,这是个 ASAuthorizationScope 数组,目前只有两个值,ASAuthorizationScopeFullName 和 ASAuthorizationScopeEmail ,根据需求去设置即可。

·然后,创建 ASAuthorizationController ,它是管理授权请求的控制器,给其设置 delegate和 presentationContextProvider ,最后启动授权 performRequests 

设置上下文

ASAuthorizationControllerPresentationContextProviding 就一个方法,主要是告诉 ASAuthorizationController 展示在哪个 window 上。

extension LoginViewController: ASAuthorizationControllerPresentationContextProviding {

    func presentationAnchor(for controller: ASAuthorizationController) -> ASPresentationAnchor {

        return self.view.window!

    } }


三、Verification 授权


用户发起授权请求后,系统就会弹出用户登录验证的页面

在用户没有同意授权之前或者取消授权之后,点击登录的时候,都会弹出上面这个界面,在这个授权页面,我们可以修改自己的用户名,以及可以选择共享我的电子邮箱或者隐藏邮件地址。这样一来,就可以达到隐藏自己真实信息的目的

授权一次后,再次点击登录按钮只需要选择继续或取消了

授权成功回调:

/// 授权成功

func authorizationController(controller: ASAuthorizationController, didCompleteWithAuthorization authorization: ASAuthorization) {

    /// 苹果ID凭证有效(授权方式一)

    if let appleIDCredential = authorization.credential as? ASAuthorizationAppleIDCredential {

        /// 注意:第二次登录的时候不会返回所有数据,只返回了user,所以需要根据这个userIdentifier查询存储在服务器的完整用户信息

        let userIdentifier = appleIDCredential.user

        let fullName = appleIDCredential.fullName

        let email = appleIDCredential.email

        // 保存到钥匙串userIdkeychain

        do {

            try KeychainItem(service: "com.example.apple-samplecode.juice", account: "userIdentifier").saveItem(userIdentifier)

        } catch {

            print("Unable to save userIdentifier to keychain.")

        }

       // 请求服务器登录(登录成功后关闭登录页)

        if let viewController = self.presentingViewController as? ResultViewController {

            DispatchQueue.main.async {

                viewController.userIdentifierLabel.text = userIdentifier

                if let givenName = fullName?.givenName {

                    viewController.givenNameLabel.text = givenName

                }

                if let familyName = fullName?.familyName {

                    viewController.familyNameLabel.text = familyName

                }

                if let email = email {

                    viewController.emailLabel.text = email

                }

                self.dismiss(animated: true, completion: nil)

            }  }

    }

    /// 密码凭证有效  (授权方式二:直接使用保存在钥匙串的用户名和密码授权登录)

    else if let passwordCredential = authorization.credential as? ASPasswordCredential {

        // 用已有的钥匙串登录

        let username = passwordCredential.user

        let password = passwordCredential.password

        // 显示密码凭证提示

        DispatchQueue.main.async {

            let message = "The app has received your selected credential from the keychain. \n\n Username: \(username)\n Password: \(password)"

            let alertController = UIAlertController(title: "Keychain Credential Received",

                                                    message: message,

                                                    preferredStyle: .alert)

            alertController.addAction(UIAlertAction(title: "Dismiss", style: .cancel, handler: nil))

            self.present(alertController, animated: true, completion: nil)

        }

        // 请求服务器登录(登录成功后关闭登录页)

} }

授权失败回调:

/// 授权失败

func authorizationController(controller: ASAuthorizationController, didCompleteWithError error: Error) {

    // Handle error.

    var errorMsg = ""

    switch (error) {///

    case ASAuthorizationError.canceled:

        errorMsg = "用户取消了授权请求"

        break

    case ASAuthorizationError.failed:

        errorMsg = "授权请求失败"

        break

    case ASAuthorizationError.invalidResponse:

        errorMsg = "授权请求响应无效"

        break

    case ASAuthorizationError.notHandled:

        errorMsg = "未能处理授权请求"

        break

    case ASAuthorizationError.unknown:

        errorMsg = "授权请求失败未知原因"

        break

    default:

        break

    }

    print(errorMsg)

}

当我们授权成功后,我们可以在 authorizationController:didCompleteWithAuthorization: 这个代理方法中获取到 ASAuthorizationAppleIDCredential ,通过这个可以拿到用户的 userID、email、fullName、authorizationCode、identityToken 以及 realUserStatus 等信息。

这些信息具体含义和用途:

·User ID: Unique, stable, team-scoped user ID,苹果用户唯一标识符,该值在同一个开发者账号下的所有 App 下是一样的,开发者可以用该唯一标识符与自己后台系统的账号体系绑定起来。

·Verification data: Identity token, code,验证数据,用于传给开发者后台服务器,然后开发者服务器再向苹果的身份验证服务端验证本次授权登录请求数据的有效性和真实性,详见 Sign In with Apple REST API。如果验证成功,可以根据 userIdentifier 判断账号是否已存在,若存在,则返回自己账号系统的登录态,若不存在,则创建一个新的账号,并返回对应的登录态给 App。

·Account information: Name, verified email,苹果用户信息,包括全名、邮箱等。

·Real user indicator: High confidence indicator that likely real user,用于判断当前登录的苹果账号是否是一个真实用户,取值有:unsupported、unknown、likelyReal。


四、Handling Changes


通过上面的步骤一个完整的授权,已经完成。但是,我们还需要处理一些特殊情况。

·用户终止 App 中使用 Sign in with Apple 功能

·用户在设置里注销了 AppleId

这些情况下,App 需要获取到这些状态,然后做退出登录操作,或者重新登录。

我们需要在 App 启动的时候,通过 getCredentialState:completion: 来获取当前用户的授权状态。

- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions {

    if (@available(iOS 13.0, *)) {

        NSString *userIdentifier = 钥匙串中取出的 userIdentifier;

        if (userIdentifier) {

            ASAuthorizationAppleIDProvider *appleIDProvider = [ASAuthorizationAppleIDProvider new];

            [appleIDProvider getCredentialStateForUserID:userIdentifier

                                              completion:^(ASAuthorizationAppleIDProviderCredentialState credentialState,

                                                           NSError * _Nullable error)

            {

                switch (credentialState) {

                    case ASAuthorizationAppleIDProviderCredentialAuthorized:

                        // The Apple ID credential is valid

                        break;

                    case ASAuthorizationAppleIDProviderCredentialRevoked:

                        // Apple ID Credential revoked, handle unlink

                        break;

                    case ASAuthorizationAppleIDProviderCredentialNotFound:

                        // Credential not found, show login UI

                        break;

                }  }];  } }

    return YES;

}

ASAuthorizationAppleIDProviderCredentialState 解析如下:

·ASAuthorizationAppleIDProviderCredentialAuthorized 授权状态有效;

·ASAuthorizationAppleIDProviderCredentialRevoked 上次使用苹果账号登录的凭据已被移除,需解除绑定并重新引导用户使用苹果登录;

·ASAuthorizationAppleIDProviderCredentialNotFound 未登录授权,直接弹出登录页面,引导用户登录。

另外,在 App 使用过程中,你还可以通过通知方法来监听 revoked 状态,可以添加 ASAuthorizationAppleIDProviderCredentialRevokedNotification 这个通知,收到这个通知的时候,我们可以:

·Sign user out on this device

·Guide to sign in again

具体怎么添加和处理,可以根据业务需求来决定。

- (void)observeAppleSignInState{

    if (@available(iOS 13.0, *)) {

        [[NSNotificationCenter defaultCenter] addObserver:self

                                                 selector:@selector(handleSignInWithAppleStateChanged:)

                                                     name:ASAuthorizationAppleIDProviderCredentialRevokedNotification

                                                   object:nil];

    } }

- (void)handleSignInWithAppleStateChanged:(NSNotification *)notification {

    // Sign the user out, optionally guide them to sign in again

    NSLog(@"%@", notification.userInfo);

}



本文参考:

Sign in with Apple 

iOS 13 苹果账号登陆与后台验证相关

如发现遗漏或者错误,请在下方评论区留言。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 161,873评论 4 370
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 68,483评论 1 306
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 111,525评论 0 254
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 44,595评论 0 218
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 53,018评论 3 295
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 40,958评论 1 224
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 32,118评论 2 317
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 30,873评论 0 208
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 34,643评论 1 250
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 30,813评论 2 253
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 32,293评论 1 265
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 28,615评论 3 262
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 33,306评论 3 242
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 26,170评论 0 8
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 26,968评论 0 201
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 36,107评论 2 285
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 35,894评论 2 278