React.js SAML シングルサインオン (SSO) | WordPress を使用して React.js にログイン

概要

WordPress 用 OAuth Server プラグインを使用すると、WordPress のユーザー名とパスワードを使用して React.js にシングルサインオン (SSO) でログインできます。React.js を WordPress 用 OAuth Server プラグインで設定すると、WordPress の認証情報を使用して React.js アプリケーションにログインできるようになります。OAuth Server プラグインを使用すると、カスタムの WordPress ユーザー属性を送信することもできます。 要件に応じて、React.js アプリに追加してください。WordPress 用 OAuth Server プラグインで提供しているその他の機能の詳細については、 こちらをクリックしてください。.

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

• WordPressをSAML IDPとして、React.jsをWordPressのSPとして設定するには、 OAuthサーバー（WordPressを使用したログイン）.

構成手順

ステップ1: WordPressをOAuthサーバーとして設定する

• に行く miniOrange OAuth サーバー 左側のメニューに表示されます。
• ここで、必要な OAuth クライアントを検索します (つまり、 反応する).
• 以下を行うには、 反応する のアイコンをクリックします。

• Enter クライアント名 あなたが望むように。 を入手 リダイレクト/コールバック URL React.jsから入力して 承認されたリダイレクト URI 分野。 クリック クライアントの保存

• 書き留める クライアント ID、クライアント シークレット、エンドポイントおよびスコープ OAuth クライアントで設定します。

ステップ2: React.jsをOAuthクライアントとして設定する

• を統合する必要があります。 OAuth サーバー API に React.Js アプリケーション SSO を有効にするため。
• React アプリケーションに OAuth サーバー API を統合した後、 リダイレクトURL 後で必要になるので、手元に置いておいてください。
• 提供する クライアント ID、クライアント シークレット、 その他必要な情報（下表参照）

クライアントID ：	詳細
クライアントシークレット:	詳細
範囲：	プロフィールオープンID
エンドポイントを承認します:	https://< your-wordpress-domain >/wp-json/moserver/authorize
アクセストークンエンドポイント:	https://< your-wordpress-domain >/wp-json/moserver/token
ユーザー情報の取得エンドポイント:	https://< your-wordpress-domain >/wp-json/moserver/resource

• 今、クリックして Save

このガイドでは、シングル サインオン (SSO) を正常に構成しました。 React.js WordPressをOAuthプロバイダー、React.jsをOAuthクライアントとして使用し、WordPress用OAuthサーバープラグインを利用することで、WordPressサイトの認証情報を使用してReact.jsへの安全なアクセスを数分以内に展開できます。

関連記事

• シングル サインオン (SSO) とは何ですか?
• OAuth とは
• WordPress 用の OAuth サーバーによるシングルサインオン (SSO)
• WordPress で miniOrange OAuth サーバーを有効にするためのステップ ガイド
• よくある質問（FAQ）