【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~

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

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