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

ダウンロードとインストール

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

React.js への WordPress ログインを構成する手順

1. 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

2. WordPress を OAuth サーバーとしてセットアップする

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

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

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

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