Slide 1

Slide 1 text

新規登録機能の作り方 @ritou #iddance Lesson.2 2019/11/01

Slide 2

Slide 2 text

@ritou いとうりょう •(株)ミクシィ エンジニア •OpenIDファウンデーション・ジャパン エバ ンジェリスト •#idcon #iddance

Slide 3

Slide 3 text

なんで今回 新規登録を扱うのか? •C向けサービスにおいては重要な機能 •パスワード認証とともに成熟してい て、今後大きな変化がありそう •設計等の議論があまりない

Slide 4

Slide 4 text

今日の内容 •新規登録でやってることの振り返り •パスワードレスに向けた心の準備 •Registration APIどう作る?

Slide 5

Slide 5 text

新規登録とは? •招待もしくは自発的に「新規登録」 •ゲストプレイ状態からの「本登録」

Slide 6

Slide 6 text

新規登録でやること •利用規約/プラポリへの同意 •サービスに必要な属性情報の登録 •認証のためのクレデンシャル設定

Slide 7

Slide 7 text

サービスに必要な 属性情報の登録 •プロフィール情報 •アイコン、ニックネーム、自己紹介 •連絡先 •email / SMS ←確認処理が必要

Slide 8

Slide 8 text

認証のための クレデンシャル設定 •ユーザー識別子 •サービスが払い出す文字列 •ユーザーが決めた文字列

Slide 9

Slide 9 text

認証のための クレデンシャル設定 •検証に必要な情報 •アカウントリカバリーに必要な情報

Slide 10

Slide 10 text

認証のための クレデンシャル設定 • アカウントリカバリーとは • 検証不可能な状態を正常に戻す • 別の認証方式or複数設定+設定変更

Slide 11

Slide 11 text

認証同様、現状の新規登録フローは パスワード認証に最適化されている

Slide 12

Slide 12 text

No content

Slide 13

Slide 13 text

シンプルな処理フロー 1. 連絡先(SMS/Email)を要求 • 登録の有無を判定し、未登録なら 確認 • 確認が済んだら設定 2. パスワードを要求、設定 3. ニックネームなどを要求、設定

Slide 14

Slide 14 text

連絡先(SMS/Email)の 用途 •サポート時の連絡 •サービス内の通知

Slide 15

Slide 15 text

連絡先(SMS/Email)の 用途 •サポート時の連絡 •サービス内の通知 •認証時のユーザー識別子 •アカウントリカバリーの所持(※)認証

Slide 16

Slide 16 text

認証 •パスワード認証 •ユーザー識別子に連絡先を指定

Slide 17

Slide 17 text

パスワードリセット •連絡先にURL/コード通知 •秘密の質問、生年月日は単体の記憶 認証として不十分 •パスワードを再設定

Slide 18

Slide 18 text

連絡先の処理 • ユーザーが入力した連絡先は本人の ものではないかもしれない • 有効、登録済みの連絡先リストの精 査の可能性もある(スクリーニング) • 登録の有無はエラーとして返すべき ではない • 連絡先への通知には含んでも良い

Slide 19

Slide 19 text

ID連携/ソーシャルログイン を用いる新規登録フロー

Slide 20

Slide 20 text

No content

Slide 21

Slide 21 text

ID連携,ソーシャルログイン •サービスに必要な属性情報の登録 •IdPが提供する値で補完 •認証のためのクレデンシャル設定 •IdPが提供するアサーションを利用

Slide 22

Slide 22 text

ID連携,ソーシャルログイン 例:OpenID Connect •サービスに必要な属性情報の登録 •ID Token/UserInfo API •認証のためのクレデンシャル設定 •IdPの識別子+ユーザー識別子

Slide 23

Slide 23 text

ID連携の処理フロー 1. IdPに認証要求 2. IdPからの認証応答の処理 • 連絡先の登録有無 • その他属性情報の利用 • IdP側のユーザーIDを紐付ける

Slide 24

Slide 24 text

連絡先の処理 • ID連携でVerifiedでもらった値は ユーザーの持ち物として扱って良い • 登録の有無はユーザーに見せても 良さそう • 既に登録済みなのでログインさせ たり、ユーザーに聞いたり

Slide 25

Slide 25 text

パスワードレス時代の 新規登録フローとは?

Slide 26

Slide 26 text

の前に、あなたの言っている パスワードレスとは?

Slide 27

Slide 27 text

パスワードレスの定義 •パスワードを使わなければOK? •所持 or 生体 or 記憶(ローカル?) •FIDO2 UserPresent許容? •FIDO2 UserVerified相当? •所持 + (記憶 or 生体)

Slide 28

Slide 28 text

パスワードさえ使わなければ リスト攻撃は防げる! (他は…?)

Slide 29

Slide 29 text

通知を利用 •SMS/Email/Push 所持のみ or 2要素 •パスワードリセットでの実績 •リカバリー?(通信状況が…) •複数経路用意 or 別の認証方式

Slide 30

Slide 30 text

FIDO2 UserPresent •所持 : フィッシングには強いが盗ま れたら終わり •リカバリーどうする?(紛失、破壊) •複数Authenticator/他の認証方式

Slide 31

Slide 31 text

ID連携/ソーシャルログイン •自分たちでパスワード持たないので パスワードレス •IpPはパスワード認証かも •リカバリー?(IdP死んだ、BAN) •IdPと心中 or 別の認証方式

Slide 32

Slide 32 text

パスワードを扱わずに 複数要素でStrongの称号を!!!

Slide 33

Slide 33 text

FIDO2 UserVerified •所持 + (記憶 or 生体) •リカバリー?(紛失、破壊) •複数Authenticator •(複数要素が保証された)IdPと連携

Slide 34

Slide 34 text

ID連携を落とし所に •パスワード + U2F やってるところな らFIDOと並べても良いのでは •2段階/要素であることを検証できれ ば使える •acr/amr @ OpenID Connect

Slide 35

Slide 35 text

Strongな登録フロー案 1. StrongなIdPとの連携or連絡先確認 • IdPから連絡先が取得できたらOK 2. Authenticator設定 • ID連携の場合も設定させたい 3. 属性情報の設定

Slide 36

Slide 36 text

まだ見本となるサービスが 出てきていない今がチャンスかも

Slide 37

Slide 37 text

新規登録APIの設計について

Slide 38

Slide 38 text

下記要件の新規登録API、どう設計しますか? 連絡先: メールアドレス 確認必須 属性情報: ニックネーム、生年月日 個別の画面で入力. 画面は戻ったりできる. 認証方式: パスワード or Google/Appleアカウント Sign-In with 何とかでよろ

Slide 39

Slide 39 text

標準化が進む認証に比べて
 新規登録のAPIはサービス任せ •自由度が高いので考えないと… •考えたくなかったらAuth0/Firebase

Slide 40

Slide 40 text

必要な機能 •ユーザー作成 •メールアドレス設定、確認 •ニックネーム設定 •生年月日設定 •パスワード設定 •ID連携(Google/Apple)

Slide 41

Slide 41 text

必要な機能 •ユーザー作成 •メールアドレス設定、確認 •ニックネーム設定 •生年月日設定 •パスワード設定 •ID連携(Google/Apple) REST / RESTful?

Slide 42

Slide 42 text

必要な機能 •ユーザー作成 •メールアドレス設定、確認 •ニックネーム設定 •生年月日設定 •パスワード設定 •ID連携(Google/Apple) RPC or 独自?

Slide 43

Slide 43 text

必要な機能 •ユーザー作成 •メールアドレス設定、確認 •ニックネーム設定 •生年月日設定 •パスワード設定 •ID連携(Google/Apple) 個別? or トランザクション?

Slide 44

Slide 44 text

Legacy mBaaS Style? •(故)parse.com,ニフクラなんとか •淡々とAPIを叩いていく •REST/RESTful時々RPCみたいになる •ゴミデータできないか?

Slide 45

Slide 45 text

Transactional Style? •個別の処理後、ユーザー作成 •データの持ち方はいくつか方法あり そう •一連の流れが標準化されると嬉しい かもしれない

Slide 46

Slide 46 text

今までに実装した例をちょっと紹介

Slide 47

Slide 47 text

Transactional Registration (JWT Base) •WebAppのCookie Sessionみたいな •Registration Token(JWT)にバックエ ンドサーバーがデータを詰めていく •フロー変更も割と柔軟にできるので 個人的にはオススメ

Slide 48

Slide 48 text

Transactional Registration (TransactionID Base) •WebAppでCookieにセッションID入れ るみたいな感じ •Registration Token(opaque)に紐づ けてバックエンドサーバーがデータ を保持(登録用テーブル的なの)

Slide 49

Slide 49 text

時間がない •他に新規登録のAPIこう作ったよみた いなのがあったら教えてください

Slide 50

Slide 50 text

まとめ •新規登録の流れは決まっている •KYCとか必要なのは追加が必要 •パスワードレスも基本を抑えればこ わくなさそう •今後はAPIの設計/実装も話していき たい(時間ぎれ)