1
1

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 1 year has passed since last update.

Azure Active Directory B2Cを使いこなそう 第2回「基本的な使い方(標準ユーザーフロー)を知る」

Last updated at Posted at 2021-06-21

連載予定

  1. Azure Active Directory B2Cの特徴と使いどころ
  2. 基本的な使い方(標準ユーザーフロー)を知る
  3. 基本的な概念(テナント、アプリケーション、ユーザー)を理解する
  4. ユーザーフローの日本語化
  5. パスワードレス認証
  6. 条件付きアクセスを使って環境に応じた認証を要求する
  7. 柔軟な認証フローを実現する:カスタムポリシー

今回の目標

B2Cの環境を準備します。
以下の順で作業をしますが、アプリケーションの登録とユーザーの登録はどちらが先でも構いません。

  1. B2Cのテナント作成
  2. アプリケーションを登録する
  3. ユーザーを登録する
  4. ユーザーフローを登録する

B2Cのテナント作成

まずはB2Cのテナントを作ってみます。Azureポータルでリソースの作成を選択します。

image.png

「Azure Active Directory B2C」と入力し、Enterキーを押します。

image.png

作成を選択します。

image.png

「新しいAzure AD B2Cテナントを作成する」を選択します。

image.png

組織名、初期ドメイン名、国/地域を入力します。

image.png

少し待つとテナントが作成されます。

image.png

アプリケーションを登録する

アプリの登録を選択し、表示された画面で新規登録を選ぶ。

image.png

https://jwt.msは発行されたトークンを確認するためのツール的な位置づけとしてMSが提供してくれているサイト。詳細は次回説明するので、ここでは画面キャプチャの項目と同じものをそのまま入れてください。

image.png

登録したアプリケーションにアクセストークンが払い出されるようにします。左メニューのアプリ登録を選択し、、先ほど登録した「jwtapp」を選択します。

image.png

左メニューで認証を選択します。

image.png

「承認エンドポイントによって発行してほしいトークンを選択してください」で「アクセストークン(暗黙的なフローに使用)」にチェックを入れて保存します。

image.png

ユーザーを登録する

ここではテストユーザーを登録します。サインイン方法は「電子メール」を選択してメールアドレスを入力しましょう。
パスワードを表示してメモしておいてください。名と姓は空欄で構いません。

image.png
image.png
image.png

ユーザーフローを登録する

いよいよユーザーフローを登録します。ここではユーザーフロータイプに「サインイン」を選択し、バージョンは推奨を選んでください。

image.png

以下は実際には一つの画面ですが、名前のところには「signin」と入れて、ローカルアカウントの「Email signin」を選択してください。多要素認証と条件付きアクセスはここでは有効にしません。アプリケーション要求も何も選択しなくていいです。

image.png

image.png
image.png
image.png

サインインフローを実行する

登録したユーザーフローを実行してみてましょう。
左メニューからユーザーフローを選択し、表示されたページで先ほど登録したユーザーフローを選択します。

image.png

ユーザーフローを実行しますを選択すると、右側にメニュー出てるのでこれを実行します。

image.png

image.png

ログイン画面が表示されました。さきほど作成したテストユーザーのメールアドレスとパスワードを入力します。

image.png

無事認証が成功すると、トークンが払い出されます。トークンの中身の情報はClaimsというタブを選択すると分かりやすく表示されます。

image.png

ここでまでで、基本的な機能を試すことができました。

1
1
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
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?