GlobeeTechNight abceedのソーシャルログイン

by amoriyasu

Slide 1

Slide 1 text

Slide 2

Slide 2 text

Slide 3

Slide 3 text

Slide 4

Slide 4 text

Slide 5

Slide 5 text

Slide 6

Slide 6 text

Slide 7

Slide 7 text

© 2022 Globee Inc. All rights reserved. 今回対応する範囲 - Google ... Android標準。ソーシャルログインの利用割合が 1番。 - Apple ... iOS標準 - LINE ... ソーシャルログインの利用割合が 2番目。候補: Twitter, FaceBook, ソーシャルログイン利用状況調査2021 https://socialplus.jp/report/2021

Slide 8

Slide 8 text

Slide 9

Slide 9 text

Slide 10

Slide 10 text

Slide 11

Slide 11 text

© 2022 Globee Inc. All rights reserved. Sign In with Google - One Tap for Android ワンタップでログインできる One Tap UIを表示したタイミングでユーザー追加などはできない - Google Sign-In for Android (legacy) 従来のGoogleサインイン -> nonceの設定ができないっぽい？ https://developers.google.com/identity/authentication

Slide 12

Slide 12 text

Slide 13

Slide 13 text

Slide 14

Slide 14 text

© 2022 Globee Inc. All rights reserved. Sign In with Apple scopeにemailを追加するとresponse_modeがform_post必須になる。パラメータ - response_type 要求するレスポンスタイプ。今回はid_token。 - client_id クライアント識別子。 Apple Developer Consoleから登録したSERVICE ID。 - redirect_uri Appleの認証後にリダイレクトされるURL。 - state レスポンスの照合に利用する。 - response_mode id_tokenを受け取りたい場合は、fragmentかform_postを指定する。 - scope 名前やメールアドレスを受け取りたい場合は、こちらをform_postに指定する。 https://developer.apple.com/documentation/sign_in_with_apple/sign_in_with_apple_js/incorporating_sign_in_with_apple_into_other_platforms

Slide 15

Slide 15 text

© 2022 Globee Inc. All rights reserved. Sign In with Apple Apple認証ページ以外は制限 ※今回Webview経由でAppleログインを実装していますが、login with amazonでは webviewの認証を良しとしてないので注意が必要かもしれません。 (良い方法あればご教授ください) https://developer.amazon.com/ja/docs/login-with-amazon/webview.html

Slide 16

Slide 16 text

Slide 17

Slide 17 text

© 2022 Globee Inc. All rights reserved. Sign In with LINE - LINE SDKの組み込みのログインボタンを使う -> nonceが反映されなかった - ログインアクティビティを開始する LINEアプリがあればアプリ、なければブラウザ経由の認証となる https://developers.line.biz/ja/docs/android-sdk/integrate-line-login/#add-line-sdk-dependency