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

概要

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

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

• WordPressをSAML IDPとして、React.jsをWordPressのSPとして設定するには、 WP 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 WP OAuth サーバー プラグインを使用して、WordPress を OAuth プロバイダーとして、React.js を OAuth クライアントとして使用します。このソリューションにより、数分以内に WordPress サイトの資格情報を使用して React.js への安全なアクセスを展開できるようになります。

関連記事

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