の検索結果 :

×

Facebook を OAuth / OpenID Connect プロバイダーとして使用して Drupal に SSO ログインする


Drupal OAuth/OpenID Connect SSO 統合により、Drupal サイトと Facebook 間の SSO が可能になります。 このセットアップ ガイドは、 OAuth/OpenID コネクト モジュール。 OAuth/OpenID Connect モジュールを Drupal サイトに組み込むと、Facebook 認証情報を使用して Drupal サイトにシームレスにログインできます。 このモジュールは Drupal 7、Drupal 8、Drupal 9、および Drupal 10 と互換性があります。

インストール手順:


  • モジュールをダウンロードします。
    コンポーザーには「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
  • MFAデバイスに移動する 広がります Drupal 管理コンソールのメニューをクリックし、 新しいモジュールを取り付け.
  • Drupal をインストールする OAuth および OpenID Connect ログイン - OAuth2 クライアント SSO ログイン zip をダウンロードするか、次の URL からモジュールをダウンロードします。 パッケージ (tar/zip).
  • ソフトウェアの制限をクリック 新しく追加されたモジュールを有効にする.
  • チェックボックスをオンにしてこのモジュールを有効にし、 install
  • モジュールは次の場所で設定できます。
    {BaseURL}/admin/config/people/miniorange_oauth_client/config_clc

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

  • モジュールをインストールした後、次の場所に移動します。   -> miniOrange OAuth クライアント構成 -> OAuthの構成 タブには何も表示されないことに注意してください。
  • Drupal OAuth Client - [構成] タブで、miniorange Oauth クライアント モジュールを選択します
  • 選択 Facebook アプリケーションの選択 落ちる。
  • コピー コールバック/リダイレクト URL そして手元に置いておいてください。
  • Note: プロバイダーが HTTPS のみをサポートしている場合 コールバック/リダイレクト URL HTTP サイトをお持ちの場合は、必ず有効にしてください。HTTPS コールバック URL を強制する' タブの下部にあるチェックボックスをオンにします。

  • 入力します 表示名 Facebookなど、あなたの選択。
  • Drupal OAuth クライアント - [OAuth の設定] タブ Facebook を選択し、コールバック URL をコピーします

Facebook で OAuth SSO アプリケーションを作成します (メタ):

  • サインインまたはサインアップ Facebook開発者 コンソールに移動し、 私のアプリ.
  • Drupal OAuth/OpenID/OIDC シングル サインオン (SSO) Facebook SSO 開発者コンソール
  • に移動します 全てのアプリ セクションをクリックして アプリを作成する ボタンをクリックして、新しい OAuth アプリケーションを構築します。
  • Facebook SSO 新しいアプリを追加
  • アプリを作成する必要がある場合はオプションを選択し、 Next
  • Facebook SSO の新しいアプリの作成 - アプリを追加するユースケースはどれですか?
  • アプリの種類を選択してください をクリックして Next ボタン。 (アプリの構築後は、アプリの種類を変更することはできません。)
  • Facebook SSO 新しいアプリの作成 - アプリで何をする必要がありますか?
  • 詳細 セクションで、アプリケーション名を入力します。 アプリ名を追加する テキストフィールドと アプリの連絡先メールアドレス (デフォルトは Facebook アカウントのメールアドレスです)、 アプリを作成
  • Drupal OAuth/OpenID/OIDC シングル サインオン (SSO) Facebook SSO - 必要な詳細を入力します
  • 「アプリの作成」ボタンをクリックすると、ダイアログボックスが表示されます。 セキュリティのため、パスワードを再入力してクリックする必要があります。 送信.
  • Facebook SSO - 本人確認のためのパスワードを入力してください
  • アプリに製品を追加する セクションで、 セットアップ のボタン フェイスブックログイン カード。
  • Facebook SSO - アプリに製品を追加します
  • に移動します 製品 -> フェイスブックログイン -> 設定 左側のナビゲーション パネルから。
  • Facebook - Facebook ログインの下の [設定] をクリックします。
  • に行きます クライアントOAuth設定 貼り付けて コールバック/リダイレクト URL 有効な OAuth リダイレクト URI テキストフィールド。

    Note: プロバイダーが HTTPS のみをサポートしている場合 コールバック/リダイレクト URL HTTP サイトがある場合は、ベース サイトの URL を サインイン設定 OAuth クライアント モジュールの [HTTPS] タブ。

  • Facebook - コピーしたコールバックを有効な oauth リダイレクト URI フィールドに貼り付けます
  • ソフトウェアの制限をクリック 変更を保存します
  • MFAデバイスに移動する 設定 -> Basic 左側のナビゲーション パネルから。
  • Facebook SSO ログイン - 左側から [設定] をクリックし、次に [基本] をクリックします。

Drupal と Facebook の統合:

  • Facebook の開発者コンソールに移動します。
  • コピー アプリケーションID.
  • セットアップボタンをクリックすると、セットアップが開始されます ショー のボタン アプリの秘密 そしてコピー アプリの秘密.
  • Facebook SSO ログイン アプリ ID とアプリ シークレットをコピーする
  • Drupal に行く OAuthの構成 タブを押してコピーしたものを貼り付けます アプリケーションID & アプリシークレット クライアント ID とクライアント シークレットのテキスト フィールドにそれぞれ入力します。
  • Facebook ログイン - コピーしたアプリ ID とアプリ シークレットをそれぞれのフィールドに貼り付けます
  • スコープとエンドポイントを確認し、 構成の保存
  • Drupal OAuth クライアント - スコープとエンドポイントを確認し、「構成の保存」ボタンをクリックします。

以下の表から Facebook エンドポイントとスコープを参照することもできます。

対象領域 public_profile メールアドレス
エンドポイントの承認 https://www.facebook.com/dialog/oauth
アクセストークンエンドポイント https://graph.facebook.com/v2.8/oauth/access_token
ユーザー情報の取得エンドポイント https://graph.facebook.com/me/?fields=id,name,email,age_range,first_name,gender,last_name,link

Drupal と Facebook の間の接続をテストします。

  • クリック テスト構成の実行 ボタンをクリックして、Drupal と Facebook (メタ) の間の OAuth SSO 接続を確認します。
  • drupal OAuth OpenID を使用した Facebook sso ログイン シングル シングル オンテスト構成
  • 同じブラウザ上で Facebook にアクティブなセッションがない場合は、テスト構成ポップアップで、Facebook アカウントにログインするように求められます。 Facebook アカウントに正常にログインすると、Facebook から受信した属性のリストが表示されます。
  • 現在地に最も近い 電子メールの属性 ユーザーの電子メール ID を取得するドロップダウン メニューから、 クリックします
  • drupal OAuth OpenID Single Single On テスト構成による Facebook SSO ログインが正常に完了しました
  • クリックした後、 クリックします ボタンをクリックすると、にリダイレクトされます。 属性と役割のマッピング タブ。 ここで、次のことも選択できます。 ユーザー名の属性 ドロップダウンから、 構成の保存
  • drupal OAuth OpenID による Facebook sso ログイン シングル シングル ユーザー名属性の選択

シングル サインオンには電子メール属性のマッピングが必須です。

おめでとう! Facebook (メタ) を OAuth/OpenID プロバイダーとして、Drupal を OAuth クライアントとして正常に構成しました。

SSO を実行するにはどうすればよいですか?

  • 次に、新しいブラウザ/プライベート ウィンドウを開いて、Drupal サイトのログイン ページに移動します。
  • セットアップボタンをクリックすると、セットアップが開始されます Facebookを使用してログインする Drupal から SSO を開始するためのリンク。
  • 他のページにも SSO リンクを追加したい場合は、以下の画像に示されている手順に従ってください。
  • Drupal OAuth OpenID Single Single-On - Drupal サイトの別のページにログイン リンクを追加します

手伝いが必要?

構成中に問題が発生した場合、または追加機能が必要な場合は、次のアドレスまでお問い合わせください。 drupalsupport@xecurify.com.

追加機能:

トラブルシューティング:

エラーが発生します:「ユーザー名を受信できませんでした。」 属性マッピング構成を確認してください。 または、エラーが発生する: 「電子メールが受信されませんでした。」 属性マッピング構成を確認してください。
 

記載されている手順に従ってください こちら

テスト構成を実行しようとすると、「ヘッダーまたは本文にクライアント資格情報が見つかりませんでした」というメッセージが表示されます。
 

記載されている手順に従ってください こちら

Drupal でログアウトをクリックすると、Drupal ホームページに戻ります。 ただし、他のユーザーでログインしようとすると、ログインを要求されず、同じユーザーで自動的にログインします。
 

ここで説明したログアウト機能は、モジュールのデフォルトの動作です。 Drupal からはログアウトされますが、アプリケーション/プロバイダーからはログアウトされません。 モジュールがプロバイダー/アプリケーション アカウント (探しているもの) からログアウトできるようにするには、以下の構成を行う必要があります。詳細を知って]

有料の Drupal モジュールを購入し、無料のモジュールに置き換えましたが、依然として有料の機能を使用できません。
 

Drupal モジュールの有料バージョンの XNUMX つにアップグレードし、無料モジュールを有料モジュールに置き換えたので、最初に有料モジュールをアクティブ化する必要があります。 以下の手順を参照してください。 [もっと知る]

よくある質問(FAQ)
 ケーススタディ
miniOrange は、柔軟性が高くカスタマイズ可能な Drupal ソリューションを使用して、400 を超える信頼できる顧客のユースケースに対応してきました。 これを使用した当社のユニークなケーススタディをぜひチェックしてください。 .
 その他のソリューション
弊社が提供する他の Drupal ソリューションをぜひお試しください こちら。 当社の信頼できる顧客が使用する一般的なソリューションには、2 要素認証 - XNUMXFA、Web サイト セキュリティ、REST および JSON API 認証、ユーザー プロビジョニング、同期などがあります。 
  24時間7日のアクティブサポート
miniOrange の Drupal 開発者は、クエリに対して迅速かつアクティブなサポートを提供します。 お客様のユースケースに最適なソリューションの選択から、ソリューションの導入と保守までを支援します。
こんにちは!

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

サポート
miniOrange サポートにお問い合わせください
成功

お問い合わせありがとうございます。

24 時間以内に当社からのご連絡がない場合は、お気軽にフォローアップ メールを送信してください。 info@xecurify.com