WordPress Drupal シングル サインオン – OpenID Connect プロトコルを使用した SSO 統合
概要
Drupal SSO 統合により、ユーザーは Drupal サイトの資格情報を使用して WordPress にログインできるようになります。 この SSO 統合は、OAuth 2.0 および OpenID Connect プロトコルを使用する miniOrange OAuth / OpenID Connect サーバー モジュールによって実現されます。 の モジュール すべての OAuth / OpenID Connect クライアントと互換性があり、Drupal 7、Drupal 8、Drupal 9、Drupal 10、および Drupal 11 で利用できます。
このセットアップ ガイドでは、Drupal サイトと WordPress の間で OAuth プロトコルを使用してシングル サインオン ログインを構成する方法を説明します。
構成手順
SWordPress でアプリケーションを構成します。
- あなたにログイン WordPress サイト。
- WordPressダッシュボードへ移動→ プラグイン をクリックします。入力したコードが正しければ、MFAの設定は正常に完了します Add 新しい。
- 検索 OAuth シングル サインオン – SSO (OAuth クライアント) プラグインをクリックして、 今すぐインストール

- インストールしたら、をクリックします アクティブにしましょう.
- に行きます OAuthの構成 タブをクリックして 新しいアプリケーションを追加

- 検索バーで「Drupal」を検索し、クリックします。

- コピー コールバックURL とをクリックしてください 次へ

Drupal を OAuth サーバーとして設定します。
- Drupal サイトに移動し、 → miniOrange OAuth サーバーの構成 → OAuth クライアント タブには何も表示されないことに注意してください。
- セットアップボタンをクリックすると、セットアップが開始されます クライアントを追加 ボタンをクリックして新しいアプリケーションを追加します。
![WordPress と Drupal OAuth/OIDC プロバイダーの統合 - [クライアントの追加] をクリックします](https://plugins.miniorange.com/wp-content/uploads/2023/09/Drupal-as-OAuth-OIDC-Provider-Click-on-Add-Client.webp)
- の下にアプリケーションの名前を入力します。 アプリケーション名 テキストフィールド。
- コピーしたものを貼り付けます コールバック/リダイレクト URL WordPress サイトから コールバック/リダイレクト URL テキストフィールド。
- をクリックすると、複数のコールバック URL を追加できます。
詳細を追加します。 [コールバック/リダイレクト URL] テキスト フィールドの横にあるボタン。
![WordPress と Drupal OAuth/OIDC プロバイダーの統合 - [コールバック URL] フィールドの横にある [追加] をクリックします。](https://plugins.miniorange.com/wp-content/uploads/2023/09/Drupal-as-OAuth-OIDC-Provider-Enter-Application-name.webp)
- セットアップボタンをクリックすると、セットアップが開始されます Save
WordPress を OAuth クライアントとして設定します。
- 以下の表で指定されているようにエンドポイントを追加します (同じものを 範囲とエンドポイント のセクション Drupal サイト → → miniOrange OAuth サーバーの構成 → OAuth クライアント):
対象領域 | プロフィールオープンIDメール |
---|---|
認可エンドポイント | {drupal_site のベース URL}/mo/oauth2/authorize |
トークンエンドポイント | {drupal_site のベース URL}/mo/oauth2/token |
ユーザー情報の取得エンドポイント | {drupal_site のベース URL}/mo/oauth2/userinfo |

- セットアップボタンをクリックすると、セットアップが開始されます 次へ
- Drupal サイトに戻り、 顧客ID.
- コピーしたクライアント ID を 顧客ID WordPress サイトのテキストフィールド。

- 同様に、 クライアントシークレット Drupal サイトからそれを貼り付けます。 クライアントシークレット WordPress サイトのテキストフィールド。

- Drupal サイトに移動し、 対象領域 スコープとエンドポイント のセクションから無料でダウンロードできます。
- コピーしたスコープを スコープ WordPressサイトのテキストフィールドをクリックします。 次へ

- 設定を確認し、 終了
![WordPress と Drupal OAuth/OIDC プロバイダーの統合 - [完了] をクリックします](https://plugins.miniorange.com/wp-content/uploads/2023/09/WordPress-OAuth-Client-Click-Finish.webp)
- テスト構成が成功したら、 クリックします

- セットアップボタンをクリックすると、セットアップが開始されます 終了
![WordPress と Drupal OAuth/OIDC プロバイダーの統合 - [完了] をクリックします](https://plugins.miniorange.com/wp-content/uploads/2023/09/WordPress-OAuth-Client-Confirm-Configuration.webp)
- WordPress を OAuth クライアントとして、Drupal を OAuth サーバーとして、OAuth サーバー モジュールを正常に構成しました。

これがどのように機能するかを見てみましょう:
- 新しいウィンドウ/プライベート ブラウザを開き、WordPress Web サイトのログイン ページに移動します。
- セットアップボタンをクリックすると、セットアップが開始されます Drupalでログイン

- Drupal 認証情報を入力し、 ログイン

- Drupal 認証情報を使用して WordPress にログインします。
WordPress と Drupal の間で SSO が正常に実行されました。