【iOS审核】 Guideline 4.8 - Design - sign in with Apple

由于项目中集成了Facebook,Google,instagram等第三方登录,所以审核出现了4.8提示, 必须要支持Apple登录,所以记录一下对接流程。

  • 先了解下:

官方文档网站:https://developer.apple.com/cn/sign-in-with-apple/get-started/

准则
使用第三方或社交登录服务来设置或验证用户 app 内主要帐户的 app 必须同时提供“通过 Apple 登录”作为等效登录方式。在您规划和设计 app 或网站以整合“通过 Apple 登录”时,请确保遵循以下准则。另外,Human Interface Guidelines 包含了可供下载的居左对齐、居中对齐和仅徽标按钮。自 2020 年 6 月 30 起,app 更新必须遵循这些准则。
通过Apple登录, 设置账户并使用您的app,所有账户都通过双重认证受到保护, 具有极高的安全性, Apple不会跟踪用户在您的app或网站中的活动。

Xcode 11
要测试您的 app,请使用最新的 Xcode 11,并将您的设备更新至 iOS 13、iPadOS、macOS Catalina 和 Apple tvOS 13。要测试您的网站,您需要将它与一个支持“通过 Apple 登录”且在 App Store 中提供的 app 组合在一起。

App
使用 AuthenticationServices 框架让用户可以设置帐户并登录您的原生 iOS、macOS、Apple tvOS 和 watchOS app。

  • 接入集成:

  1. 登录苹果开发者中心后台, 找到对应的Identifiers, 勾选 Sign In with Apple, 保存后重新编辑下Profiles文件:
  1. 打开Xcode项目,TARGETS -> Signing & Capabilites , 添加 Sign In with Apple 配置:
  1. TARGETS -> General -> Frameworks, Libraries, and Embedded Content , 添加 AuthenticationServices.framework, Apple ID登录流程也是基于这个框架来实现:
  • 代码集成:

  1. 导入#import <AuthenticationServices/AuthenticationServices.h>

  2. 继承ASAuthorizationAppleIDButton创建一个登录按钮,按钮默认大小是(130,30)
    创建时有两个类型设置:ASAuthorizationAppleIDButtonType(按钮的文字是singin 还是 continue) 和 ASAuthorizationAppleIDButtonStyle(按钮的外形是否有边框/是否背景为黑色)
    Apple登录只在iOS13及以上有效, 所以可加上iOS13.0 的判断:

if (@available(iOS 13.0, *)) {
      ASAuthorizationAppleIDButton *appleBtn = [[ASAuthorizationAppleIDButton alloc] initWithAuthorizationButtonType:ASAuthorizationAppleIDButtonTypeSignIn authorizationButtonStyle:ASAuthorizationAppleIDButtonStyleWhiteOutline];
      [appleBtn addTarget:self action:@selector(signInWithApple) forControlEvents:UIControlEventTouchUpInside];
        
      [self.view addSubview:appleBtn];
      [appleBtn mas_makeConstraints:^(MASConstraintMaker *make) {
          make.centerX.mas_equalTo(self.view);
          make.top.mas_equalTo(self.bottomView.mas_bottom).mas_offset(Handle(7));
      }];
 }

这里有个小知识,若需要按钮是圆形的, 只需要设置按钮的appleBtn.cornerRadius, 按钮最小的size 是CGSizeMake(30,30), 所以最小的cornerRadius = 15

  1. 登录方法实现:
- (void)signInWithApple{
    if (@available(iOS 13.0, *)) {
        ASAuthorizationAppleIDProvider *appleIDProvider = [[ASAuthorizationAppleIDProvider alloc] init];
        
        ASAuthorizationAppleIDRequest *request = appleIDProvider.createRequest;
        request.requestedScopes = @[ASAuthorizationScopeFullName, ASAuthorizationScopeEmail];
        
        ASAuthorizationController *vc = [[ASAuthorizationController alloc] initWithAuthorizationRequests:@[request]];
        vc.delegate = self;
        vc.presentationContextProvider = self;
        [vc performRequests];
    }
}

这里是基于Apple ID授权用户,先生成用户授权请求机制ASAuthorizationAppleIDProvider, 再创建一个ASAuthorizationAppleIDRequest,创建一个请求控制器ASAuthorizationController,并设置授权请求的代理, 设置展示上下文的代理,最后启动授权流程。

  1. 上下文代理实现:
//  ASAuthorizationControllerPresentationContextProviding  显示在哪个视图上面

- (ASPresentationAnchor)presentationAnchorForAuthorizationController:(ASAuthorizationController *)controller API_AVAILABLE(ios(13.0))
{
    return self.view.window;
}
  1. 授权代理实现:
// ASAuthorizationControllerDelegate  授权回调

- (void)authorizationController:(ASAuthorizationController *)controller didCompleteWithAuthorization:(ASAuthorization *)authorization API_AVAILABLE(ios(13.0))
{
    if ([authorization.credential isKindOfClass:[ASAuthorizationAppleIDCredential class]])       {
        ASAuthorizationAppleIDCredential *credential = authorization.credential;
        
        NSString *state = credential.state;
        NSString *userID = credential.user;
        NSPersonNameComponents *fullName = credential.fullName;
        NSString *email = credential.email;
        NSString *authorizationCode = [[NSString alloc] initWithData:credential.authorizationCode encoding:NSUTF8StringEncoding]; // refresh token
        NSString *identityToken = [[NSString alloc] initWithData:credential.identityToken encoding:NSUTF8StringEncoding]; // access token
        ASUserDetectionStatus realUserStatus = credential.realUserStatus;
        
        NSLog(@"state: %@", state);
        NSLog(@"userID: %@", userID);
        NSLog(@"fullName: %@", fullName);
        NSLog(@"email: %@", email);
        NSLog(@"authorizationCode: %@", authorizationCode);
        NSLog(@"identityToken: %@", identityToken);
        NSLog(@"realUserStatus: %@", @(realUserStatus));
         
         // 拿到对应数据后, 跟自己的服务器后台进行交互, 把数据传给后台进行登录验证
    }
}

- (void)authorizationController:(ASAuthorizationController *)controller didCompleteWithError:(NSError *)error API_AVAILABLE(ios(13.0))
{
    NSString *errorMsg = nil;
    switch (error.code) {
        case ASAuthorizationErrorCanceled:
            errorMsg = @"用户取消了授权请求";
            break;
        case ASAuthorizationErrorFailed:
            errorMsg = @"授权请求失败";
            break;
        case ASAuthorizationErrorInvalidResponse:
            errorMsg = @"授权请求响应无效";
            break;
        case ASAuthorizationErrorNotHandled:
            errorMsg = @"未能处理授权请求";
            break;
        case ASAuthorizationErrorUnknown:
            errorMsg = @"授权请求失败未知原因";
            break;
    }
    NSLog(@"%@", errorMsg);
}

关于服务器后台如何进行账号验证, 可查看这篇文章:从登录到服务器验证

到这里, 基本已经实现了苹果登录功能, 关于更多的监听Apple登录退出等, 我这个项目并没有做处理,具体可添加实现 ASAuthorizationAppleIDProviderCredentialRevokedNotification这个通知。


参考文档:https://www.jianshu.com/p/efb02bc8935a

如果对你有帮助, 可转发扩散!


更新提示:

新一次提交审核, 被拒了, 理由是Guideline 4.0 - Design:

4.0被拒

其实就是说我把图标苹果登录的图标自定义改成了圆的!! 未按照“Apple人机界面登录指南”中的按钮进行设计!

所以说, 大家还是不要搞自定义或者原型图标, 就下面这种就行了,别在意整体统一美观了:


后续又来了!!!

又一次被拒, 心塞的一匹, 依然是4.0 说苹果登录图标有问题!!

先看一下官方文档!! (很重要!!)
https://developer.apple.com/design/human-interface-guidelines/sign-in-with-apple/overview/buttons/

其实苹果是支持自定义图标的, 但你需要下载它给的图标文件, 然后进行按钮设置, 如果使用系统的按钮, 也要按照他给定的大小进行设置,so~

下载资源文件给设计, 让设计做一个标准大小的按钮图,然后我们再进行处理:

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。