React.js と WordPress を OAuth サーバーとして使用した OAuth SSO | WordPress を使用した React.js SSO

概要

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

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

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

構成手順

ステップ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

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

関連記事

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