の検索結果 ：

×
会員登録 お問い合わせ

OAuth/OpenID Connect を使用した TYPO3 への Okta シングル サインオン SSO | Okta OIDC ログイン

Typo3 OAuth 2.0 認証および認可シングル サインオン (SSO) 拡張機能を使用すると、フロントエンドおよびバックエンド (管理者および顧客) ユーザーが Okta 資格情報を使用して Typo3 サイトにシームレスにログインできるようになります。 Typo3 OAuth / OpenID Connect シングル サインオン (SSO) 拡張機能を使用すると、OAuth2 を使用して Typo3 で Okta Login (Okta シングル サインオン) をセットアップすることが簡単になります。

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

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

Typo3 OAuth シングルサインオン (OAuth および OpenID Connect SSO) 拡張機能で提供されるその他の機能の詳細については、こちらをクリックしてください。

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

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

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

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

Okta を OAuth プロバイダーとして構成するには、以下の手順に従ってください

ミニオレンジ画像 Okta を OAuth プロバイダーとして構成する
  • まず、に行きます https://www.okta.com/login Okta アカウントにログインします。
  • に行きます Okta 管理パネル。 に行く アプリケーション -> アプリケーション.
    • Typo3 SSO Okta シングル サインオン (SSO) OAuth OIDC アプリに移動
  • 次の画面が表示されます。 クリック アプリケーションを追加
    • Typo3 OAuth SSO Okta ログイン追加アプリケーション
  • ソフトウェアの制限をクリック 新しいアプリを作成 アプリを作成します。
    • Typo3 SSO Okta SSO OAuth OIDC、新しいアプリを作成
  • 選択する ウェブ プラットフォームとして、 OpenID Connect サインオン方法としてクリックし、 作成します。
    • OAuth OIDC Typo3 Okta プラットフォームとしてのシングル サインオン (SSO) Web
  • アプリの詳細ページにリダイレクトされます。 入力 アプリケーション名 (NAIST) と ログインリダイレクト URI。 コピー リダイレクト/コールバック URL プラグインから設定へ ログインリダイレクトURL。 をクリックしてください Save.
    • Typo3 SSO Okta シングル サインオン (SSO) OAuth OIDC、sso コールバック URL
  • アプリの詳細ページが表示されます。 下にスクロールして、 クライアントの資格情報 のセクションから無料でダウンロードできます。
    • Typo3 SSO Okta シングル サインオン Typo3 ログイン sso クライアント資格情報
  • これらの資格情報をコピーします Typo3 OAuth シングル サインオン (SSO) プラグイン 対応するフィールドの設定。

ユーザー認証のためにTypo3と連携したOktaシングルサインオン（SSO）を実現するため、OktaをOAuthプロバイダーとして正常に設定しました。

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

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

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


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

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

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

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

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

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

その他のリソース


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

こんにちは！

助けが必要？ 私たちはここにいます！

対応