の検索結果 :

×

会員登録 お問い合わせ

Azure AD B2C SSO OAuth / OpenID TYPO3 へのシングル サインオン接続 | Azure AD B2C ログイン


Typo3 OAuth 2.0認証および認可シングルサインオン(SSO)拡張機能を使用すると、フロントエンドおよびバックエンド(管理者および顧客)のユーザーがAzure Active Directory B2C(Azure B2C)の認証情報を使用してTypo3サイトにシームレスにログインできます。Azure B2Cログイン(Azure Active Directory OAuthシングルサインオン)とTypo3の統合は、OAuth 2.0プロトコルを使用して行われます。

Typo3 OAuth & OpenID Connect シングルサインオン (SSO) 拡張機能を使用すると、Azure AD、Okta、Keycloak、Salesforce など、あらゆる OAuth および OpenID Connect プロバイダーを使用して Typo3 に安全にログインできます。この拡張機能では、ユーザープロファイル属性マッピング、ロールマッピングなどの高度なシングルサインオン (SSO) 機能もサポートされています。Typo3 OAuth シングルサインオン (OAuth & OpenID Connect クライアント) 拡張機能のプレミアム機能の詳細については、こちらをクリックしてください。

このガイドでは、Typo3 と Azure B2C の間で SSO を設定する方法について説明します。このガイドが終わるまでに、ユーザーは Azure B3C 経由で Typo2 にログインできるようになります。

前提条件: ダウンロードとインストール

ミニオレンジ画像 TYPO3 に OAuth クライアント / OpenID Connect 拡張機能をインストールする


  • 以下のコマンドを使用して、composer を使用して拡張機能をインストールします。
    composer req miniorange/miniorange_oidc
  • 次に、 「miniOrange OpenIDConnect」 「インストールされた拡張機能」セクションで、「有効化」ボタンをクリックして拡張機能を有効化します。
  • インストール後、新しくインストールされた拡張機能をクリックします 「miniOrange OpenIDConnect」 TYPO3 SSO の場合は、登録した miniOrange 認証情報を使用してログインします。
  • Typo3 miniorange OpenIDCconnect 設定
  • プレミアム顧客の場合、ユーザー名とパスワードを入力した後、次に進むにはライセンス キーが必要になります。 (このキーは miniOrange チームから取得します。ライセンス キーを入力した後、ライセンスをアクティブ化し、先に進むことができます。)
  • miniorange ライセンス oauth oidc ログイン
  • プレミアム顧客でない場合は、miniOrange 認証情報を送信することでシームレスにログインできます。
  • ログインに成功すると、アカウントに関連する詳細が表示されます。
  • Typo3 OAuth シングル サインオン アカウントの詳細
  • これで、IdP を構成する準備ができました。 ただし、最初にフロントエンドを統合することが重要です。
  • TYPO3 マーケットプレイスから OAuth / OIDC 拡張機能の zip ファイルをダウンロードします。
  • TYPO3 バックエンドに移動し、画面の左側にある [拡張機能] セクションをクリックします。
  • 下の図に示すように、zip ファイルをアップロードします。
  • Typo3 OAuth OIDC SSO アップロード プラグイン
  • 次に、 「miniOrange OpenIDConnect」 「インストールされた拡張機能」セクションで、「有効化」ボタンをクリックして拡張機能を有効化します。
  • インストール後、新しくインストールされた拡張機能をクリックします 「miniOrange OpenIDConnect」 TYPO3 SSO の場合は、登録した miniOrange 認証情報を使用してログインします。
  • Typo3 miniorange OpenIDCconnect 設定
  • プレミアム顧客の場合、ユーザー名とパスワードを入力した後、次に進むにはライセンス キーが必要になります。 (このキーは miniOrange チームから取得します。ライセンス キーを入力した後、ライセンスをアクティブ化し、先に進むことができます。)
  • minorange ライセンス oauth oidc ログイン
  • プレミアム顧客でない場合は、miniOrange 認証情報を送信して直接ログインできます。
  • ログインに成功すると、アカウントに関連する詳細が表示されます。
  • これで、IdP を構成する準備ができました。 ただし、最初にフロントエンドを統合することが重要です。

ミニオレンジ画像 拡張機能をTYPO3と統合

  • 以下を行うには、 ページ 左側のナビゲーションから。
  • 次に、フロントエンド ユーザーを保存するフォルダーを右クリックして作成する必要があります。 ホーム ページと選択 新しいサブページ.
  • Typo3 OAuth SSO 作成フロントエンド
  • 選択 フォルダ ドロップダウンから入力します。
  • Typo3 OAuth openid SSO フロントエンドの作成
  • フォルダに名前を付けます ウェブサイトのユーザー とをクリックしてください 保存します。
  • Typo3 OAuth シングル サインオン フロントエンドの作成
  • 「動作」タブに移動して追加します ウェブサイトのユーザー それである。
  • Typo3 OAuth SSO による Web サイト ユーザーの追加
  • 作成したフォルダーに赤いハイフン記号が表示されている場合は、そのフォルダーが有効になっていないことを意味します。 そのフォルダーを右クリックして、 有効にする.
  • XNUMX つ追加する必要があります STANDARD 内のページ ホーム ページ。 プレミアムプラグインを使用している場合は、XNUMX つのページを作成できます。
  • ここでは、ページ名を次のように考慮します。 FEOIDC、応答、ログアウト (プレミアム顧客の場合、ログアウトはオプションです)。
  • 作成するには FEOIDC ページを右クリックします ホーム ページを選択し、 新しいサブページ をクリックして STANDARD ドロップダウンから入力します。
  • Typo3 OAuth SSO 作成フロントエンド
  • ページタイトルを追加 FEOIDC をクリックし Save.
  • Typo3 OAuth SSO 作成フロントエンド
  • もう一度クリックしてください FEOIDCページ をクリックします。入力したコードが正しければ、MFAの設定は正常に完了します コンテンツを追加。 プラグインに移動して追加します FEOIDC プラグイン とをクリックしてください Save.
  • Typo3 OAuth SSO 作成フロントエンド Typo3 OAuth シングル サインオン選択プラグイン
  • プラグイン タブに移動し、FEOIDC プラグインを選択します。
  • Typo3 OAuth SSO 作成フロントエンド
  • ウェブサイトユーザーを追加 記録保管ページ 設定を保存します。
  • Typo3 OAuth SSO 作成フロントエンド
  • 有効にすることができます FEOIDC 右クリックして選択してページを開く 有効にする オプションを選択します。
  • Typo3 OAuth SSO 作成フロントエンド
  • 最初の SSO URL にもなる URL セグメントを変更する必要がある場合は、FEOIDC ページを右クリックして編集を選択し、[URL の切り替え] ボタンをクリックして、希望の方法に従って URL を設定します。
  • 同じ手順に従って、Response の標準ページを作成して構成します。
  • 応答ページに応答プラグインを選択していることを確認してください。
  • 続ける FEOIDC (NAIST) と 応答 ページ URL は、OAuth/OpenID Connect 拡張機能の構成時に必要になるため便利です。

Typo2 への Azure AD B3C OAuth および OpenID シングル サインオン (SSO) ログインを構成する手順

1. Azure AD B2C を OAuth プロバイダーとしてセットアップする

次の手順に従って、Azure AD B2C を OAuth プロバイダーとして構成します

ミニオレンジ画像 Azure AD B2C を OAuth プロバイダーとして構成する
  • にサインイン Azureのポータル.
  • ノーザンダイバー社の Azureサービス メニューを選択 Azure AD B2C.
  • Typo3 Azure AD B2C シングル サインオン、Azure AD SSO ログイン | Typo3 Azure B2C SSO
  • クリック アプリの登録 左側のナビゲーション パネルで [サービス] をクリックし、 新規登録.
  •  Azure AD B2C SSO OAuth / OpenID / OIDC シングル サインオン、Azure AD SSO アプリ登録
  • 入力する アプリケーションの名前。 選択する ウェブ ドロップダウン メニューから、 リダイレクトURL。 (拡張機能の OAuth 設定タブからリダイレクト URL を取得します)。 会員登録する あなたの申請。
  • Typo3 Azure AD B2C シングル サインオン、Azure AD SSO 登録
  • アプリケーションには、Azure AD B2C によって一意のアプリケーション ID が与えられます。 コピー アプリケーションID ディレクトリID、これはあなたのものになります 顧客ID (NAIST) と テナントID 。
  • Typo3 SSO Azure AD B2C SSO OAuth / OpenID / OIDC シングル サインオン、Azure AD SSO の概要
  • 左側のナビゲーション列から、 証明書と秘密 そして新しい クライアントシークレット。 クリック 追加 説明と有効期限を入力した後、ボタンをクリックします。
  • Typo3 Azure AD B2C SSO Azure AD SSO クライアント シークレット
  • 生成されたクライアント シークレットの取得値をコピーします。 これがあなたのものになります 秘密鍵.
  • Azure AD B2C SSO OAuth / OpenID / OIDC シングル サインオン、Azure AD SSO 秘密キー
  • MFAデバイスに移動する Azure AD B2C。 選択してください ユーザー 流れ。 そして選択します 新しいユーザーフロー プルダウンメニューから
  • Azure AD SSO ユーザー フローの作成
  • ユーザー フローに名前を付けます。 選ぶ メールサインアップ をクリックして 創造する
  • Azure AD B2C SSO OAuth / OpenID / OIDC シングル サインオン、Azure AD SSO ユーザー フローの作成
  • 作成したユーザー フローをクリックします
  • Azure AD B2C Typo3 SSO 選択ユーザー フロー | Typo3 Azure B2C SSO
  • 置き換える ポリシー名 適切なエンドポイントに作成したばかりです。

Azure AD シングル サインオン (SSO) を使用して、Typo2 ユーザー統合のための OAuth プロバイダーとして Azure AD (Active Directory) B3C を正常に構成しました。

2. Typo3 を OAuth クライアントとして設定する

  • OAuth プロバイダーの構成が正常に完了したら、 OAuthプロバイダー名, 顧客ID, クライアントシークレット, 対象領域 そしてエンドポイントを提供しました。

    OAuth クライアントを構成するには、以下のエンドポイントを参照してください。


    範囲: オープンID
    エンドポイントを承認します: https://{tenant-name}.b2clogin.com/{tenant-name}.onmicrosoft.com/{policy-name}/oauth2/v2.0/authorize
    アクセストークンエンドポイント: https://{tenant-name}.b2clogin.com/{tenant-name}.onmicrosoft.com/{policy-name}/oauth2/v2.0/token
    ユーザー情報の取得エンドポイント: https://graph.microsoft.com/v1.0/me
  • 以下を行うには、 Save ボタンを押して設定を保存します。
  • Typo3 SSO OAuth 2.0 SSO 資格情報 Azure AD B2C SSO
  • 以下を行うには、 テスト構成
  • Typo3 OAuth 資格情報 Azure AD B2C SSO OAuth
  • OAuth プロバイダーから Typo3 に返されたすべての値が表に表示されます。 名、姓、電子メール、またはユーザー名の値が表示されない場合は、OAuth プロバイダーでこの情報を返すように必要な設定を行ってください。
  • Typo3 を OAuth クライアントとして正常に設定しました。これで、Typo3 フロントエンド サイトにカスタム SSO ボタンを作成し、それに FEOIDC ページ URL を埋め込んで SSO を開始できるようになりました。
  • Typo3 OAuth 2.0 SSO Azure AD B2C SSO

3: 属性マッピング (オプション)。 ※これはプレミアム機能です。

  • 「属性マッピング」タブで属性をマッピングできます。 無料版の拡張機能では、ユーザー名と電子メールのみをマッピングできます。 ただし、拡張機能のプレミアム バージョンでは、OAuth プロバイダーからのさまざまな属性を Typo3 サイトに存在する属性にマッピングできます。
  • Typo3 OAuth 属性マッピング Typo3 SSO

4: グループ マッピング (オプション)。 ※これはプレミアム機能です。

  • 無料の拡張機能で、管理者以外のすべてのユーザーが SSO を実行するときに割り当てられるデフォルトのロールを指定できます。
  • [グループ マッピング] タブに移動し、[グループ マッピング] セクションに移動します。
  • デフォルトの役割を選択し、「保存」ボタンをクリックします。
  • Azure AD B2C Typo3 SSO - Typo2 での Azure AD B3C シングル サインオン (SSO) ログイン - ロール マッピング

設定することにより Azure AD B2C として OAuthプロバイダー (NAIST) と Typo3 として OAuth クライアント Typo3 OAuth クライアント拡張機能を使用すると、Typo3 Azure AD B2C シングル サインオン (SSO) が正常にインストールされました。 このソリューションのおかげで、数分以内に、Azure AD B3C ログイン資格情報を利用して Typo2 サイトに安全にアクセスできるようになります。

その他のリソース


お探しのものが見つからない場合は、info@xecurify.comまでメールでお問い合わせください。

こんにちは!

助けが必要? 私たちはここにいます!

対応