1
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

【Auth0】ログイン画面のログインIDを初期表示する

Posted at

はじめに

Auth0のUniversal Loginを呼び出す際にlogin_hintパラメーターを設定し、ログインIDを初期表示するようにしてみました。

login_hint

Auth0のUniversal Loginを利用している場合、/authorizeエンドポイントにアクセスするときにURLのクエリパラメーターにlogin_hintを利用すると、設定した値がそのままログインIDのフォームに表示されます。

Universal LoginはClassicとNewの2種類がありますが、login_hintはどちらでも利用可能なようです。

Universal Loginの表示

/authorizeにアクセスするときは以下のようなパラメーターを使用すると思います。
(Auth0のAPI仕様から転載)

GET https://YOUR_DOMAIN/authorize?
  audience=API_IDENTIFIER&
  scope=SCOPE&
  response_type=code&
  client_id=YOUR_CLIENT_ID&
  redirect_uri=https://YOUR_APP/callback&
  state=STATE

このときに設定するパラメータにlogin_hintを以下のような形で追加します。

login_hint=example@example.com

上記のパラメーターをそのまま利用すると、ログインID(メールアドレス)の入力フォームにexample@example.comが初期表示されます。

スクリーンショット 2020-10-24 23.36.19.png

おわりに

ログイン画面を表示する前にユーザー(ログインID)が特定できている場合にlogin_hintパラメーターを利用するとユーザーがログインIDを入力する手間が省略することができます。
初期表示しているだけでログインIDを入力し直すこともできるので、必ずログインIDを固定できるわけではないという点には注意してください。

1
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
1
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?