tvOSアプリにおけるサインインのシンプル化

iOSデバイスやiPadOSデバイスでユーザがFace IDまたはTouch IDを使用して購入を承認したり、tvOS Appにサインインしたりする方法を紹介します。Appを使う人のサインインを簡素化して、楽しみたいコンテンツに素早くアクセスできるようにする方法を紹介します。簡素化されたサインインプロセスを設定する方法と、Apple TV向けの優れたサインイン体験を作成するためのベストプラクティスを紹介します。このセッションを最大限活かしていただくためには、関連する分野とAuthentication Servicesフレームワークの基礎を理解していることが推奨されます。

リソース

関連ビデオ

WWDC22

tvOS Appにおける複数ユーザーのサポート

WWDC21

ダウンロード

♪ ♪ こんにちはケイレブです tvOSチームのソフトウェアエンジニアです本日は tvOS 15でのサインインの改善点についてお話ししたいと思います私たちは Apple TVをお使いのすべての方が出来るだけスムーズにコンテンツにアクセスできるよう考えていますつまり Appへのサインインのプロセスはスムーズかつ面倒が無い必要があります最も一般的なサインインの方法はパスワードを使用することですユーザーは強力で使い回しの無いパスワードを推奨されますが入力は面倒です tvOS 15ではパスワードによるサインインをこれまでになく簡単に行う優れた新機能があります新しいシステムサインイン画面から始めますこの画面には重要な機能がありますまず tvOS全体で一貫したサインイン体験を提供します次に iPhoneまたは iPadを使用してサインインが可能なことをユーザーに通知しますまた Appがサポートする他のサインインタイプのオプションをユーザーに提供しますこれは後で詳しく説明しますまず iPhoneやiPadでのサインインから説明します Appでサインインを開始した後に iPhoneを起動すると Apple TVからこのような通知が表示されます通知をタップすると iPhoneはサインインのプロセスをガイドします iCloudキーチェーンからの認証が提案され Face IDを使用してサインインできますすると認証情報は Apple TVに返されます Appのサインインは完了しユーザーはコンテンツにアクセスできますここでお伝えしたいのはテキスト入力が不要だということです Apple TVと iPhoneやiPadが協力してユーザーのサインインが完了する最高の体験を提供できますこのサインイン方法は簡単に実装可能ですすべてのApple プラットフォームには Appでのサインイン用のハイレベルなAPIが用意されています tvOS 15では特に強力です少しのコードで先ほど紹介した素晴らしいサインイン体験を最大限に活用できますではご紹介します Appの関連ドメインの構成から始めましょう関連ドメインはAppとドメインの間にセキュアなリンクを確立しますこれにより Apple TVと iPhoneやiPadが連携してサインインに使用する資格情報を安全に提案できますまず自分のドメインでホストされている apple-app-site-association ファイルの webcredentialsキーに tvOS Appの識別子を記載します

次に Associated Domain機能を Xcodeで tvOS Appに対し追加します最後にwebcredentials プレフィックスを使用して Associated Domainsにドメインを追加します Appでのウェブ認証ドメインの設定については WWDC 2017のビデオから “Introducing Password AutoFill for Apps" をご覧ください次に Authentication Servicesを使用して認証を要求する方法を紹介しますコードを見てみましょうこちらが認証を要求する際に必要な基本的な要素ですすでにiOSやmacOSで AuthenticationServices APIをご利用なら見覚えがあるでしょうまずパスワードリクエストを使用して ASAuthorizationController インスタンスを作成しますこのAPIの強力な点は複数の異なる種類のリクエストを指定できることです Appが Appleでサインインもサポートしていれば Apple IDリクエストを承認リクエストの配列に含めることができます複数のリクエストを指定すると iPhoneやiPadではサインインする際にどのタイプの認証資格を使用するかをユーザーが決定できます次に自身を承認コントローラーのデリゲートに設定し performRequestsを呼び出してサインインを開始します

ここで ASAuthorization- ControllerDelegateからいくつかのメソッドを実装する必要があります

ユーザーがiPhoneや iPadで使用する認証資格を選択するとシステムは didCompleteWith Authorizationを呼び出します

これで認証資格を持つユーザーとパスワードを使ってサインインを完了できます失敗した場合 didComplete WithErrorが呼び出されます

ユーザーがサインインをキャンセルすると AppがメインのサインインUIに戻るようこのメソッドに戻りますそれ以外の場合問題が発生したことと再試行する必要があることをユーザーに通知します次にシステムのサインイン画面をカスタマイズする方法を紹介しますカスタム認証メソッドAPIは Appがサポートする他のログインタイプのボタンを表示できます

“.other”は非常に柔軟性がありますこのオプションを使用するとユーザー名とパスワードを求めるような手動のサインインフローに直接移動できますまたはユーザーが別のタイプのサインインを選択して実行できる独自のUIにナビゲートすることもできますユーザーがテレビプロバイダのアカウントを使用してサインインするAppの場合 .videoSubscriberAccount を使用します .restorePurchaseはユーザーが App内課金をリストアしてサインインできますユーザーがこれらのカスタム認証方法のどれかを選択すると Appは要求されたサインインフローを開始できますその仕組みを見てみましょうまず先ほどお見せした ASAuthorizationController コードに戻りますカスタムサインインオプションを表示するために認証コントローラーに customAuthorizationMethods プロパティを設定しますこの例では .otherと .restorePurchaseを使用してサインイン画面に “Sign in Manually”と “Restore Purchase”を表示します Appに合わせて適切な値を選択してください

ユーザーがカスタム認証方法を選択すると authorizationController を使用して didCompleteWithCustom Methodを呼び出しますこの方法では渡された値をチェックしてユーザーが要求する種類のサインインを実行できます

最後にいくつかのベストプラクティスをご紹介します tvOSでの最高のサインイン体験は１つの“Sign In” ボタンから始まりますユーザーがサインインする際明確な選択肢を提供してユーザーをガイドします既存のサインイン体験を新しいシステムのサインイン画面にすることでユーザーは常にiPhoneやiPadでサインインが可能になりますカスタム認証メソッドAPIはユーザーに追加のサインインオプションを提供する優れた方法です tvOS 15では優れたサインイン体験をこれまで以上に簡単に構築できますシステムサインイン画面を使用するとユーザーはiPhoneやiPadでサインインできます AuthenticationServicesの新しい強力な APIを使えば簡単に始めることができます

このプレゼンで紹介した例を詳しく見るには開発者用Appのこのセッションのサンプルコードプロジェクトをどうぞ AuthenticationServices フレームワークを使いすべてのApple プラットフォームで優れたサインイン体験を構築するための方法については WWDC 2019の “認証の新機能” ビデオをご覧くださいありがとうございました [軽快な音楽]

3:28 - Request a credential

let controller = ASAuthorizationController(authorizationRequests: [
    ASAuthorizationPasswordProvider().createRequest()
])

controller.delegate = self
controller.performRequests()

4:19 - Finish signing in

func authorizationController(controller: ASAuthorizationController,
    didCompleteWithAuthorization authorization: ASAuthorization) {
    if let credential = authorization.credential as? ASPasswordCredential {
        // Use the credential to sign in
    }
}

4:43 - Handle errors

func authorizationController(controller: ASAuthorizationController,
    didCompleteWithError error: Error) {
    if case ASAuthorizationError.canceled = error  { return }
    // Let the user know something went wrong
}

6:00 - Specify custom authorization methods

controller.customAuthorizationMethods = [
    // Sign in Manually
    .other,
    // Restore Purchase
    .restorePurchase
]

特定のトピックをお探しの場合は、上にトピックを入力すると、関連するトピックにすばやく移動できます。