OAuth / OpenID Connect を使用した Google Drupal SSO ログイン統合

• コンポーザの使用
• ドラッシュを使用する
• 手動インストール

• モジュールをダウンロードします。
  

  コンポーザーには「drupal/miniorange_oauth_client」が必要です

• MFAデバイスに移動する 延長 Drupal 管理コンソールのメニューから検索します。 miniOrange OAuth クライアント構成 検索ボックスを使用して。
• チェックボックスをオンにしてモジュールを有効にし、 インストールを開始する
• モジュールは次の場所で設定できます。
  

  {BaseURL}/admin/config/people/miniorange_oauth_client/config_clc

• モジュールをインストールします。
  

  drush と drupal/miniorange_oauth_client

• キャッシュをクリアします。
  

  ダッシュCR

• モジュールは次の場所で設定できます。
  

  {BaseURL}/admin/config/people/miniorange_oauth_client/config_clc

注意： 手動インストールは、Drupal 7、Drupal 8、および Drupal 9 とのみ互換性があります。

• MFAデバイスに移動する 延長 Drupal 管理コンソールのメニューをクリックし、 新しいモジュールをインストールする.
• Drupal をインストールする OAuth および OpenID Connect ログイン - OAuth2 クライアント SSO ログイン zip をダウンロードするか、次の URL からモジュールをダウンロードします。 パッケージ (tar/zip).
• ソフトウェアの制限をクリック 新しく追加されたモジュールを有効にする.
• チェックボックスをオンにしてこのモジュールを有効にし、 install
• モジュールは次の場所で設定できます。
  

  {BaseURL}/admin/config/people/miniorange_oauth_client/config_clc

• コンポーザの使用
• ドラッシュを使用する
• 手動インストール

• モジュールをダウンロードします。
  

  コンポーザーには「drupal/miniorange_oauth_client」が必要です

• MFAデバイスに移動する 延長 Drupal 管理コンソールのメニューから検索します。 miniOrange OAuth クライアント構成 検索ボックスを使用して。
• チェックボックスをオンにしてモジュールを有効にし、 インストールを開始する
• モジュールは次の場所で設定できます。
  

  {ベースURL}/admin/config/people/mo-oauth-client/mo-client-config

• モジュールをインストールします。
  

  drush と drupal/miniorange_oauth_client

• キャッシュをクリアします。
  

  ダッシュCR

• モジュールは次の場所で設定できます。
  

  {ベースURL}/admin/config/people/mo-oauth-client/mo-client-config

注意： 手動インストールは、Drupal 7、Drupal 8、および Drupal 9 とのみ互換性があります。

• MFAデバイスに移動する 延長 Drupal 管理コンソールのメニューをクリックし、 新しいモジュールをインストールする.
• Drupal をインストールする OAuth および OpenID Connect ログイン - OAuth2 クライアント SSO ログイン zip をダウンロードするか、次の URL からモジュールをダウンロードします。 パッケージ (tar/zip).
• ソフトウェアの制限をクリック 新しく追加されたモジュールを有効にする.
• チェックボックスをオンにしてこのモジュールを有効にし、 install
• モジュールは次の場所で設定できます。
  

  {ベースURL}/admin/config/people/mo-oauth-client/mo-client-config

構成手順

Drupal を OAuth クライアントとして設定する

• に行く 　 → のワークプ → miniOrange OAuth クライアント構成 管理メニューで。(/admin/config/people/miniorange_oauth_client)

• 「OAuth の構成」タブで、ドロップダウンから目的の OAuth プロバイダーを選択します。


注意： 希望するOAuthプロバイダーがドロップダウンにリストされていない場合は、選択してください。 カスタム OAuth プロバイダー / カスタム OpenID プロバイダー そして続けます。

• コピー コールバック/リダイレクト URL 手元に置いてください。OAuthプロバイダーの設定時に必要になります。


注意： プロバイダーが HTTPS コールバック/リダイレクト URL のみをサポートしていて、HTTP サイトがある場合は、タブの下部にある [HTTPS コールバック URL を強制する] チェックボックスを必ず有効にしてください。



• OAuthプロバイダー名を 表示名 テキストフィールド。

Drupal を OAuth クライアントとして設定する

• に行く 　 → のワークプ → miniOrange OAuth クライアント 管理メニューで。(admin/config/people/mo-oauth-client/mo-client-config)

• 管理 セクション、下 クライアント構成 タブをクリックします。 + 新規追加 必要な OAuth クライアントを構成するためのボタン。

• 下 追加 タブで、ドロップダウンから目的の OAuth アプリケーションを選択します。


注意： 希望するOAuthプロバイダーがドロップダウンにリストされていない場合は、選択してください。 カスタム OAuth プロバイダー / カスタム OpenID プロバイダー そして続けます。

• OAuthプロバイダー名を カスタムアプリ名 テキストフィールド。 コールバック/リダイレクト URL 手元に置いてください。OAuthプロバイダーの設定時に必要になります。

• プロバイダがHTTPSコールバック/リダイレクトURLのみをサポートしていて、HTTPサイトがある場合は、 HTTPS コールバック URL を強制する のチェックボックス 設定 タブには何も表示されないことに注意してください。

Google で SSO アプリケーションを構成します。

• にログインします。 Google 開発者管理者 コンソール。
• プロジェクトを選択します 左側上部ヘッダーより。

• [プロジェクトの選択] ポップアップで、 新しいプロジェクト ボタンをクリックして新しいプロジェクトを作成するか、現在のプロジェクトのいずれかを選択して続行します。

• 新規プロジェクト パネルで、次の情報を入力します。
• プロジェクトの名前を プロジェクト名 テキストフィールド。
• ソフトウェアの制限をクリック 創造する ボタンをクリックしてプロジェクトを作成します。

• プロジェクトを作成したら、 APIとサービス ダッシュボードから。

• 次に、作成したプロジェクトを選択します。

• 左側のナビゲーション パネルから、 Credentials .
• 次に、をクリックします 資格情報を作成する.

• ドロップダウンから、 OAuthクライアントID オプションを選択します。

• 次のような警告が表示された場合は、 OAuthクライアントIDを作成するには、まず同意画面で製品名を設定する必要があります。 (下の図に示すように)、無視してください。 クリックしてください 同意画面を設定する

• あなたはあなたにリダイレクトされます ブランディング ウィンドウをクリックします 始める

• 次の情報をに入力します プロジェクト構成 ウィンドウ：
• アプリ名 テキストフィールドにアプリケーションの名前を入力します。
• にメールアドレスを入力してください ユーザーサポートメール テキスト フィールドを追加して、ユーザーが同意に関する問い合わせを行えるようにします。
• Audience select 外部 チェックボックスをオンにします。
• お問い合わせ 連絡先メールアドレスを入力してください。
• 設定を完了し、 創造する

• 次に、をクリックしてください OAuthクライアントを作成する

• 選択する アプリケーションタイプ as ウェブアプリケーション.

• 次の情報をに入力します OAuthクライアントIDを作成する ウィンドウ：
• お名前： 入力します お名前 OAuth 2.0 クライアントの (この名前はコンソールでクライアントを識別するために使用されます)。
• 承認されたリダイレクト URI： クリック + URIを追加 ボタンを押して、先ほどコピーした内容を貼り付けます コールバック/リダイレクト URL Drupal からテキスト フィールドに入力します。
• 次に、をクリックします。 創造する

• ポップアップからコピー 顧客ID 　 クライアントシークレット手元に置いておいてください。Drupal を OAuth クライアントとして設定する必要があります。

Drupal と Google の統合:

• miniOrange OAuth クライアント モジュールに移動します。
• Drupalでは OAuthの構成 コピーしたものをタブ貼り付けします 顧客ID 　 クライアントシークレット Googleから 顧客ID 　 クライアントシークレット テキストフィールド。

• 下の表からスコープとエンドポイントを確認し、 設定を保存

対象領域	メールアドレス+プロフィール
エンドポイントを承認する	https://accounts.google.com/o/oauth2/auth
アクセストークンエンドポイント	https://www.googleapis.com/oauth2/v4/token
ユーザー情報の取得エンドポイント	https://www.googleapis.com/oauth2/v1/userinfo

Drupal と Google の統合:

• miniOrange OAuth クライアント モジュールに移動します。
• In 追加 タブにコピーした内容を貼り付けます 顧客ID 　 クライアントシークレット Googleから 顧客ID 　 クライアントシークレット テキストフィールド。

• 下の表からスコープとエンドポイントを確認し、 構成の保存

対象領域	メールアドレス+プロフィール
エンドポイントを承認する	https://accounts.google.com/o/oauth2/auth
アクセストークンエンドポイント	https://www.googleapis.com/oauth2/v4/token
ユーザー情報の取得エンドポイント	https://www.googleapis.com/oauth2/v1/userinfo

• 当学校区の クライアントIDとシークレットを送信する チェックボックスをオンにすると、クライアントIDとシークレットをトークンエンドポイントリクエストのヘッダーに含めるか、本文に含めるかを指定できます。どちらのオプションを選択すればよいかわからない場合は、デフォルト設定のままで構いません。
• チェックボックスをクリックして、 OAuth によるログインを有効にするをクリックして下にスクロールし、 設定を保存

Drupal と OAuth プロバイダー間の接続をテストする

• 設定が正常に保存されたら、 テスト構成の実行 Drupal と OAuth プロバイダー間の接続をテストするためのボタン。

• テスト設定ポップアップで、同じブラウザにアクティブなセッションがない場合、OAuthプロバイダーへのログインが求められます。ログインに成功すると、OAuthプロバイダーから受信した属性のリストが表示されます。
• まず 電子メールの属性 ユーザーのメールIDを取得するドロップダウンメニューから クリックします


注意： SSO を実行するには、電子メール属性のマッピングが必須です。つまり、OAuth プロバイダーの資格情報を使用して Drupal サイトにログインする必要があります。

• ソフトウェア設定ページで、下図のように 属性と役割のマッピング タブで、選択してください ユーザー名の属性 ドロップダウンリストから 構成の保存

• ログアウトして、Drupalサイトのログインページに移動してください。そこには自動的に「OAuthプロバイダーでログイン」リンクが表示されます。他のページにもSSOリンクを追加したい場合は、以下の画像の手順に従ってください。

Drupal と OAuth プロバイダー間の接続をテストする

• 構成が正常に保存されたら、 テスト構成の実行 Drupal と OAuth プロバイダー間の接続をテストするためのボタン。

• テスト設定ポップアップで、同じブラウザにアクティブなセッションがない場合、OAuthプロバイダーへのログインが求められます。ログインに成功すると、OAuthプロバイダーから受信した属性のリストが表示されます。
• 以下を行うには、 マッピングを構成する

• ソフトウェア設定ページで、下図のように 属性マッピング タブで、選択してください 電子メールの属性 　 ユーザー名の属性 ドロップダウン リストから、 構成の保存

注意： SSO を実行するには、電子メール属性のマッピングが必須です。つまり、OAuth プロバイダーの資格情報を使用して Drupal サイトにログインする必要があります。

• ログアウトして、Drupalサイトのログインページに移動してください。そこには自動的に「OAuthプロバイダーでログイン」リンクが表示されます。他のページにもSSOリンクを追加したい場合は、以下の画像の手順に従ってください。