の検索結果 :

×

会員登録 お問い合わせ

AWS Cognito シングルサインオン (SSO) TYPO3 OAuth と OpenID | AWS Cognito SSO


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

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

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

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

ミニオレンジ画像 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 拡張機能の構成時に必要になるため便利です。

AWS Cognito OAuth および Typo3 への OpenID シングル サインオン (SSO) ログインを設定する手順

1. AWS Cognito を OAuth プロバイダーとしてセットアップする

以下の手順に従って、AWS Cognito を OAuth プロバイダーとして設定します

ミニオレンジ画像 AWS Cognito を OAuth プロバイダーとして設定する
  • に行く アマゾンコンソール アカウントにサインアップ/ログインして、AWS Cognito を設定します。
  • AWS Cognito シングルサインオン (SSO) - Amazon コンソールへのログイン Typo3 SSO
  • 検索する コグニート に選出しました。 AWSサービス 検索バー
  • Typo3 AWS Cognito SSO AWS Cognito の検索
  • ユーザープールのリストを表示するには、をクリックします。 ユーザープールの管理
  • ユーザープールの管理 Typo3 AWS Cognito シングルサインオン (SSO)
  • 新しいユーザープールを作成するには、 ユーザープールを作成する.
  • AWS Cognito Typo3 ログイン 新しい AWS Cognito プール Typo3 SSO を作成する
  • を与える プール名 とをクリックしてください デフォルトを確認する 続行するにはボタンを押します。
  • AWS Cognito Typo3 にログイン AWS Cognito ユーザープールに名前を付けます
  • 下にスクロールしてクリック 「アプリクライアントの追加」 そしてもう一度クリックします アプリクライアントを追加する.
  • AWS Cognito シングルサインオン (SSO) - AWS Cognito アプリクライアント Typo3 SSO AWS Cognito SSO アプリクライアント Typo3 SSO
  • を作成するには アプリクライアント、名前を入力し、クリックします。 アプリクライアントの作成.
  • AWS Cognito シングルサインオン (SSO) - アプリクライアント Typo3 SSO の作成 Typo3 SSO AWS Cognito シングル サインオン (SSO) - アプリクライアントの作成
  • 設定に戻るには、をクリックします。 プールの詳細に戻る.
  • プールの詳細 AWS Cognito シングル サインオン (SSO)
  • 設定を保存してユーザープールを確立するには、 プールの作成
  • Typo3 のプールを作成する AWS Cognito シングル サインオン (SSO) - AWS Cognito プール Typo3 SSO を保存する
  • 左側にあるナビゲーション バーで、 アプリクライアント設定 オプションの下に アプリの統合 メニュー。
  • AWS Cognito typo3 にサインインする AWS Cognito アプリの詳細 Typo3 SSO
  • [コールバック URL] テキスト フィールドで、アイデンティティ プロバイダーを有効にします。 Cognito ユーザープール そしてあなたを追加します コールバック/リダイレクト URL [OAuth プロバイダー] タブの miniOrange プラグインから取得します。 下 許可された OAuth フロー オプション、 認証コードの付与 チェックボックスだけでなく、 オープンID (NAIST) と プロフィール の下のチェックボックス 許可される OAuth スコープ オプション(下の画像を参照してください)。 変更を保存するには、 変更を保存
  • コールバック URL Typo3 AWS Cognito シングル サインオン (SSO) - AWS Cognito アプリ クライアント Typo3 SSO
  • アプリのドメイン名を選択するには、 ドメイン名を選択 オプションを選択します。
  • AWS Cognito シングルサインオン (SSO) - AWS Cognito ドメイン名 | AWS Cognito Typo3 SSO
  • に行く ドメイン名 アプリのドメイン名を入力します。 ドメイン名を追加した後、クリックしてその可用性を確認できます。 「空き状況を確認してください」 ボタン。 有効なドメイン名を入力した後、 "変更内容を保存"
  • AWS Cognito シングルサインオン (SSO) - AWS Cognito ドメイン名 Typo3 SSO
  • に行く 「アプリクライアント」 をクリックします。入力したコードが正しければ、MFAの設定は正常に完了します "詳細を表示" クライアント ID とクライアント シークレットを取得します。 (クライアント ID とクライアント シークレットは後で必要になるため、手元に置いておいてください。)
  • AWS Cognito シングルサインオン (SSO) - クライアントの詳細 Typo3 SSO
  • 左側のナビゲーション バーで、 ユーザーとグループ 基本設定 メニュー。 次に、新しいユーザーを作成するには、 ユーザーを作成
  • Typo3 AWS Cognito ログイン SSO アプリの新規ユーザーの作成 Typo3 SSO
  • 必要な詳細をすべて入力し、クリックします ユーザーを作成.
  • AWS Cognito シングルサインオン (SSO) - クライアント設定
  • 新しいユーザーが作成されたことがわかります。
  • 新しいユーザーが作成した AWS Cognito シングル サインオン (SSO) アプリ クライアント設定 Typo3 SSO

ユーザー認証にTypo3を使用してAWS Cognitoシングルサインオン(SSO)を実現するために、AWS CognitoをOAuthプロバイダーとして正常に設定しました。

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

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

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


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

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

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

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

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

設定することにより AWSコグニート として OAuthプロバイダー (NAIST) と Typo3 として OAuth クライアント Typo3 OAuth クライアント拡張機能を使用すると、Typo3 AWS Cognito Single Sign-On (SSO) が正常にインストールされました。 このソリューションのおかげで、数分以内に AWS Cognito ログイン認証情報を利用して Typo3 サイトに安全にアクセスできるようになります。

その他のリソース


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

こんにちは!

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

対応