Sign in with Appleの実装

1 はじめに
2 Sign in with Appleとは
- 2.1 iOS レビューガイドライン
- 2.2 つまり
3 準備
4 実装
5 デザイン
6 さいごに
7 おすすめ書籍

はじめに

こんにちは、nukkyです。
今回は新しいAppleのサインインシステム「Sign In with Apple」について書いていこうと思います。

Sign in with Appleとは

すでに発行済の Apple ID を使って、ユーザがアプリやウェブサイトに簡単にサインインできるようになります。Sign in with Apple はプライバシーやセキュリティに関する機能が備わっており、アカウントを作成したりサインインしたりするにも、アプリを素早く簡単に操作してもらうにも、優れた方法だと言えます。すべてのアカウントは優れたセキュリティにより2段階認証で保護されており、Apple と言えどもアプリやウェブサイト上でのユーザの行動を追跡することはありません。

Sign in with Apple を使う必要がある場合の基準を App Store Review Guidelines で公開しています。今日から App Store に新規アプリを提出する場合はこのガイドラインに従う必要があります。既存アプリは2020年4月までに従う必要があります。また、ウェブサイトや他のプラットフォームで Sign in with Apple を使う場合のガイドラインも公開しています。

iOS レビューガイドライン

4.8 Sign in with Apple より意訳

サードパーティのログインサービス、もしくはソーシャルログインサービス（ Facebook ログイン、Goole サインイン、Twitter サインイン、Linked-In サインイン、Amazon ログイン、WeChat ログインなど）のみを使ってユーザの設定、プライマリアカウントの認証を行うアプリは、Sign in with Apple も提供しなくてはなりません。プライマリアカウントとは自分自身を識別したり、サインインしたり、ある機能や関連サービスにアクセスするためにアプリ内で開設するアカウントのことを指します。

以下の場合、Sign in with Apple は必要ありません。

自社独自のサインアップ、サインインシステムのみを使用している場合
すでに存在する教育、エンタープライズアカウントでサインインする必要がある、教育、エンタープライズ、ビジネスアプリの場合
認証手段として、政府、業界が支援する国民認証システムや電子 ID を使うアプリの場合
サードパーティサービスのクライアントであり、コンテンツにアクセスするには直接メール、ソーシャルメディア、他のサードパーティアカウントにサインインする必要があるアプリの場合

つまり

新規で登録するアプリはこのガイドラインを守らなければならない
現在リリース済みのアプリは「2020年4月」までにこのガイドラインを守らなければならない
自社独自の認証システムのみ使っている場合は対応しなくても問題ない

準備

https://developer.apple.com/download/more/

実装

AuthenticationServicesをインポートします。

import AuthenticationServices

1	import AuthenticationServices

ViewContorollerでボタンの設置やデリゲートの設定を行います。

class LoginViewController: UIViewController {
    
    @IBOutlet weak var loginProviderStackView: UIStackView!
    
    override func viewDidLoad() {
        super.viewDidLoad()
        setupProviderLoginView()
    }
    
    func setupProviderLoginView() {
        let authorizationButton = ASAuthorizationAppleIDButton()
        authorizationButton.addTarget(self, action: #selector(handleAuthorizationAppleIDButtonPress), for: .touchUpInside)
        self.loginProviderStackView.addArrangedSubview(authorizationButton)
    }
    
    @objc
    func handleAuthorizationAppleIDButtonPress() {
        let appleIDProvider = ASAuthorizationAppleIDProvider()
        let request = appleIDProvider.createRequest()
        request.requestedScopes = [.fullName, .email]
        
        let authorizationController = ASAuthorizationController(authorizationRequests: [request])
        authorizationController.delegate = self
        authorizationController.presentationContextProvider = self
        authorizationController.performRequests()
    }
}

class LoginViewController: UIViewController {

@IBOutlet weak var loginProviderStackView: UIStackView!

override func viewDidLoad() {

super.viewDidLoad()

setupProviderLoginView()

}

func setupProviderLoginView() {

let authorizationButton = ASAuthorizationAppleIDButton()

authorizationButton.addTarget(self, action: #selector(handleAuthorizationAppleIDButtonPress), for: .touchUpInside)

self.loginProviderStackView.addArrangedSubview(authorizationButton)

}

@objc

func handleAuthorizationAppleIDButtonPress() {

let appleIDProvider = ASAuthorizationAppleIDProvider()

let request = appleIDProvider.createRequest()

request.requestedScopes = [.fullName, .email]

let authorizationController = ASAuthorizationController(authorizationRequests: [request])

authorizationController.delegate = self

authorizationController.presentationContextProvider = self

authorizationController.performRequests()

}

ASAuthorizationAppleIDButtonを使用することにより、Appleが推奨するUIのボタンが生成されます。Appleが推奨するデザインに関しては後述。

デリゲートでログイン後のトークンを取得します。

extension LoginViewController: ASAuthorizationControllerDelegate {
    func authorizationController(controller: ASAuthorizationController, didCompleteWithAuthorization authorization: ASAuthorization) {
        if let appleIDCredential = authorization.credential as? ASAuthorizationAppleIDCredential {
        }
    }
}

extension LoginViewController: ASAuthorizationControllerDelegate {

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

if let appleIDCredential = authorization.credential as? ASAuthorizationAppleIDCredential {

}

ASAuthorizationControllerPresentationContextProvidingプロトコルで
システムが認証プロセスをユーザに提供するためのUIWindowの指定をします。

extension LoginViewController: ASAuthorizationControllerPresentationContextProviding {
    func presentationAnchor(for controller: ASAuthorizationController) -> ASPresentationAnchor {
        return self.view.window!
    }
}

extension LoginViewController: ASAuthorizationControllerPresentationContextProviding {

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

return self.view.window!

}

デザイン

ウェブサイトやアプリもアカウント作成、サインイン体験に関するデザインガイドラインに従う必要があります。
また、Human Interface Guidelines に記載されている Sign in with Apple のボタンを使う必要があります。
https://developer.apple.com/design/human-interface-guidelines/sign-in-with-apple/overview/

日	月	火	水	木	金	土
1	2	3	4	5	6	7
8	9	10	11	12	13	14
15	16	17	18	19	20	21
22	23	24	25	26	27	28
29	30

Sign in with Appleの実装

はじめに

Sign in with Appleとは

iOS レビューガイドライン

つまり

準備

実装

デザイン

さいごに

おすすめ書籍

フォロー

アプリ情報