の検索結果 ：

×
登録する お問い合わせ

Facebook OAuth および OpenID 接続シングル サインオン (SSO) | Facebook SSO ログイン


OAuth2 を使用した WordPress での Facebook ソーシャル メディア ログイン (Facebook SSO) のセットアップは、WordPress OAuth / OpenID Connect シングル サインオン (SSO) プラグインを使用すると簡単です。 他のさまざまなソーシャル メディア プロバイダー/カスタム OAuth および OIDC プロバイダーを使用してプラグインを構成できます。 ユーザー プロファイルの属性マッピング、ロール マッピングなどの高度なシングル サインオン (SSO) 機能をサポートしています。ここでは、WordPress と Facebook の間で SSO を構成するためのガイドを説明します。 このガイドが終わるまでに、ユーザーは Facebook から WordPress にログインできるようになります。 WP OAuth シングル サインオン (OAuth および OpenID Connect クライアント) プラグインで提供されるその他の機能の詳細については、以下をご覧ください。 ここをクリック.


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


  • WordPress インスタンスに管理者としてログインします。
  • WordPress に移動します ダッシュボード -> プラグイン をクリックします。入力したコードが正しければ、MFAの設定は正常に完了します 新規追加.
  • を検索 WordPress OAuth シングル サインオン (SSO) プラグインを選択してクリックします 今すぐインストール.
  • インストールしたら、をクリックします アクティブにしましょう.

セットアップビデオを見る

プラグインのダウンロード

無料のデモトライアル

WordPress への Facebook シングル サインオン (SSO) ログインを構成する手順

1. Facebook を OAuth プロバイダーとして設定する

  • 開始するには、Facebook 開発者コンソールに移動して、 こちら Facebook 開発者アカウントでサインアップ/ログインします。
    • Facebook WP開発者ログインアプリ
  • Facebook 開発者アプリのページに移動し、 アプリを作成する 新しいアプリを追加するボタン。
    • Facebook WPソーシャルログイン Facebookアプリを作成する
  • それからを選択してください Facebook アカウントでのログインを許可する ユースケースとしてオプションを選択して押します 次へ.
    • ソーシャル ログイン Facebook WP ソーシャル ログイン アプリのオプション
  • 入力する アプリ名 と 連絡先メールアドレスを追加 Facebook アプリの場合はそれぞれをクリックし、 アプリを作成する ボタンをクリックして設定を保存します。
    • Facebook ソーシャル ログイン アプリ WP の詳細
  • に行く アプリ設定 -> 基本 アプリ ID とアプリ シークレットを表示します。 の アプリケーションID あなたです 顧客ID と アプリシークレット あなたです クライアントシークレット、これらの値は、後で miniOrange OAuth シングル サインオン SSO プラグインを構成するために必要になるため、手元に置いておいてください (以下の画像を参照)。
  • アプリドメイン: そこにウェブサイトのドメインを書き込みます。
  • プライバシーポリシーのURL: このボックスに、Web サイトのプライバシー ポリシー ページの URL を入力します。
  • 利用規約： このボックスに、Web サイトのサービス利用規約ページにリンクされている URL を入力します。
  • ユーザーデータの削除:ドロップダウンで、[データ削除手順 URL] を選択します (ユーザーがサイト上でアカウントを削除する方法についての手順が記載されたページの URL を入力します)。
  • 選択する カテゴリ カテゴリフィールドのドロップダウンから、 アプリの目的 アプリを最もよく説明するオプションを選択して、 を押します 変更を保存 構成を保存します。
    • FB WP ソーシャル ログイン Facebook 基本情報 FB WP ソーシャル ログイン Facebook 基本情報
  • 下にスクロールしてクリックします プラットフォームの追加 ボタン。 を選択 ウェブサイト Facebook ログインを Web サイトと統合しようとしている場合は、オプションを選択してください。 クリック 次へ.
    • Facebook ソーシャル ログイン アプリのレビュー タブの権限
  • 次に、 ウェブサイトのURL (miniOrange OAuth シングル サインオンから) をクリックし Save。 次に、をクリックします。 Continue.
    • Facebook ソーシャル ログイン アプリのレビュー タブの権限
  • セットアップボタンをクリックすると、セットアップが開始されます ユースケース 左側のタブをクリックし、 カスタマイズ の横に表示されるボタン 認証とアカウントの作成 項目。
    • ソーシャルログイン Facebook 事前アクセスリクエスト
  • 以下 権限 セクション、 email 許可して、 Add

    • デフォルトでは、アプリケーションには「public_profile」および「email」権限に対する標準アクセス権しかありません。つまり、そのアプリケーションでログインできるのは自分だけです。 アドバンスト アクセスを取得するには、ビジネス認証を通過する必要があります。 Verification 左側のタブ。


    ソーシャル ログイン Facebook 開発者ステータス
  • 下 Facebookログイン >> 設定 セクションをクリック 設定に移動 ボタンをクリックしてリダイレクト/コールバック URL を追加します。
    • Facebookソーシャルログインの完全なデータチェック
  • 〜に 有効な OAuth リダイレクト URI フィールドに追加 リダイレクト/コールバック URL これは、miniOrange OAuth シングル サインオン (SSO) プラグインから取得します。 クリック 変更を保存します
    • Facebookソーシャルログインは事前許可を有効にします
  • 現在、アプリは開発モードになっています。これは、社外の人がアプリを使用できないことを意味します。 認証が完了したら、 稼働する タブをクリックしてアプリを公開します。 稼働する 右下隅のボタン。 すべてを正しく設定している場合は、これを押す前に、「ライブ開始」ページにリストされている手順を確認することをお勧めします。
    • Facebookソーシャルログインは事前許可を有効にします

正常に設定されました ソーシャル ログインとしての Facebook (OAuth プロバイダー) WordPress サイトに追加します。


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


  • に行く OAuthの構成 タブをクリックして 新しいアプリケーションを追加 新しいクライアント アプリケーションを Web サイトに追加します。
    • Facebook シングル サインオン (SSO) OAuth - 新しいアプリケーションの追加
  • こちらの OAuth / OpenID Connect プロバイダーのリストからアプリケーションを選択してください Facebook
    • Facebook シングル サインオン (SSO) OAuth - アプリケーションの選択
  • プロバイダーを選択したら、 コールバックURL これは、OAuth プロバイダーの SSO アプリケーション構成で構成する必要があります。
  • 次のようにクライアント認証情報を入力します。 顧客ID & クライアントシークレット これは Facebook SSO アプリケーションから取得します。

  • 設定については、以下の表を参照してください。 プラグイン内の Facebook のエンドポイント。

    アプリ名： Facebook
    エンドポイントを承認します: 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
    範囲： public_profile メールアドレス
  • ソフトウェアの制限をクリック 次へ.
    • Facebook シングル サインオン (SSO) OAuth - アプリ名、クライアント資格情報を追加します
  • 概要ページのすべての詳細を確認したら、 をクリックします。 終了 設定を保存し、SSO 接続をテストします。
    • Facebook シングル サインオン (SSO) OAuth - 構成を完了する

正常に設定されました OAuth クライアントとしての WordPress WordPress サイトへの Facebook シングル サインオン (SSO) ログインによるユーザー認証を実現します。


3. ユーザー属性のマッピング

  • ユーザー属性マッピングは、ユーザーが WordPress に正常にログインできるようにするために必須です。 以下の設定を使用して、WordPress のユーザー プロファイル属性を設定します。

    • ユーザー属性の検索

    • に行く OAuthの構成 タブ。 下にスクロールしてクリックします テスト構成.
      • Facebook SSO テスト構成
    • OAuth プロバイダーから WordPress に返されるすべての値が表に表示されます。 電子メールやユーザー名などの値が表示されない場合は、OAuth プロバイダーでこの情報を返すために必要な設定を行ってください。
    • テスト構成にすべての値が表示されたら、次のページに進みます。 属性/役割のマッピング タブに移動すると、[ユーザー名] ドロップダウンに属性のリストが表示されます。
      • Facebook SSO 属性マッピング

4. サインイン設定

  • [シングル サインオン (SSO) 設定] タブの設定は、シングル サインオン (SSO) のユーザー エクスペリエンスを定義します。 WordPress ページに Facebook ログイン ウィジェットを追加するには、以下の手順に従う必要があります。
    • に行く WordPress の左側のパネル > 外観 > ウィジェット.
    • 選択 miniOrange OAuth。 好きな場所にドラッグ＆ドロップして保存します。
      • Facebook シングル サインオン (SSO) - WordPress の create-newclient ログイン ボタンの設定
    • に行く WordPress の左側のパネル > 外観 > ウィジェット.
    • 選択 miniOrange OAuth。 好きな場所にドラッグ＆ドロップして保存します。
      • Facebook シングル サインオン (SSO) - WordPress の create-newclient ログイン ボタンの設定
    • WordPress ページを開くと、そこに Facebook SSO ログイン ボタンが表示されます。 Facebook シングル サインオン (SSO) を今すぐテストできます。
    • ことを確認してください 「ログインページに表示」 オプションがアプリケーションで有効になっています。 (下の画像を参照してください)
      • Facebook シングル サインオン (SSO) - WordPress の create-newclient ログイン ボタンの設定
    • さあ、あなたのところへ行ってください ワードプレスログイン ページで見やすくするために変数を解析したりすることができます。 (例: https://< your-wordpress-domain >/wp-login.php)
    • そこに Facebook SSO ログイン ボタンが表示されます。 ログイン ボタンをクリックすると、Facebook シングル サインオン (SSO) をテストできるようになります。
      • Facebook シングル サインオン (SSO) - WordPress の create-newclient ログイン ボタンの設定

このガイドでは、正常に構成されています Facebook シングル サインオン (SSO) WP OAuth シングル サインオン (OAuth および OpenID Connect クライアント) プラグインを使用して、Facebook を OAuth プロバイダーとして、WordPress を OAuth クライアントとして構成します。 このソリューションにより、数分以内に Facebook ログイン資格情報を使用して WordPress サイトへの安全なアクセスを展開する準備が整います。

その他のリソース


メールでお問い合わせください oauthsupport@xecurify.com お客様の要件に関する迅速なガイダンス（電子メール/会議経由）が必要です。当社のチームは、お客様の要件に応じて最適なソリューション/プランの選択をお手伝いします。

こんにちは！

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

サポート