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

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

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

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

ステップ 1: Webflow を OAuth プロバイダーとして設定する

• まず、に行きます https://webflow.com/ アカウントにサインアップ/ログインして Webflow を設定します。

• に行く 統合 タブをクリックして 新しいアプリケーションを登録する

• 必要事項を入力すると、 コールバックURL プラグインから、をクリックします 創造する

• 今後はクリック 詳細を見る

• あなたは 顧客ID & クライアントシークレット, クライアント ID とクライアント シークレットをコピーし、miniOrange OAuth クライアント プラグイン設定に保存します。

• Webflow OAuth サーバー側の構成が正常に完了しました。

Webflow エンドポイントとスコープ:




クライアントID ：	ここをクリック
クライアントシークレット:	ここをクリック
範囲：	オープンID
エンドポイントを承認します:	https://webflow.com/oauth/authorize
アクセストークンエンドポイント:	https://api.webflow.com/oauth/access_token
ユーザー情報の取得エンドポイント:	https://api.webflow.com/info

正常に設定されました ウェブフロー WordPress サイトへの Webflow ログインを実現するための OAuth プロバイダーとして。

正常に設定されました Weibウェブフロー WordPress サイトへの Webflow ログインを実現するための OAuth プロバイダーとして。

ステップ 2: WordPress を OAuth クライアントとしてセットアップする

• に行きます OAuthの構成 プラグインのタブをクリックして検索します カスタムOAuth アプリケーションリストで を選択し、 カスタム OAuth 2.0 アプリ .

• さあ、設定してください アプリ名、クライアントID、クライアントシークレット Webflow から受信しました。
• スコープ値を次のように入力します オープンID .
• ソフトウェアの制限をクリック [設定の保存] 構成を保存します。

正常に設定されました OAuth クライアントとしての WordPress WordPress サイトへの Webflow ログインを実現します。

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

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

ユーザー属性の検索

• に行く OAuthの構成 タブ。 下にスクロールしてクリックします テスト構成.

• OAuth プロバイダーから WordPress に返されるすべての値が表に表示されます。 名、姓、電子メール、またはユーザー名の値が表示されない場合は、OAuth プロバイダーでこの情報を返すように必要な設定を行ってください。

• テスト構成にすべての値が表示されたら、次のページに進みます。 属性/役割のマッピング タブに移動すると、[ユーザー名] ドロップダウンに属性のリストが表示されます。

4. ロールマッピング [プレミアム]

• ソフトウェアの制限をクリック 「テスト構成」 OAuth プロバイダーから送信された属性名と属性値のリストを取得します。
• 「テスト構成」ウィンドウから、プラグインの「属性マッピング」セクションで属性名をマッピングします。 詳細については、スクリーンショットを参照してください。

• 役割マッピングを有効にする: ロール マッピングを有効にするには、グループ名属性をマッピングする必要があります。 プロバイダー アプリケーションからロールを返す属性のリストから属性名を選択します。
  例えば： 職種


• WordPress ロールをプロバイダー ロールに割り当てます。 プロバイダー アプリケーションに基づいて、WordPress ロールをプロバイダー ロールに割り当てることができます。 アプリケーションに応じて、学生、教師、管理者、その他のいずれかになります。 [グループ属性値] の下にプロバイダー ロールを追加し、[WordPress ロール] の下でその前に必要な WordPress ロールを割り当てます。
  
  例えば、、下の画像の。 教師には管理者の役割が割り当てられ、生徒にはサブスクライバーの役割が割り当てられます。

• マッピングを保存すると、SSO 後にプロバイダー ロールに WordPress 管理者ロールが割り当てられます。
  例： 指定された例のように、ロール「教師」を持つユーザーは WordPress の管理者として追加され、「学生」は購読者として追加されます。

5: ログイン設定/サインイン設定

• [シングル サインオン (SSO) 設定] タブの設定は、シングル サインオン (SSO) のユーザー エクスペリエンスを定義します。 WordPress ページに Webflow ログイン ウィジェットを追加するには、以下の手順に従う必要があります。

1. wordpress 5.7 以前のサインイン設定:

• に行く WordPress の左側のパネル > 外観 > ウィジェット.
• 選択 miniOrange OAuth。 好きな場所にドラッグ＆ドロップして保存します。


2.WordPress 5.8のサインイン設定:

• に行く WordPress の左側のパネル > 外観 > ウィジェット.
• 選択 miniOrange OAuth。 好きな場所にドラッグ＆ドロップして保存します。

• WordPress ページを開くと、そこに Webflow SSO ログイン ボタンが表示されます。 テストできます Webflow シングル サインオン (SSO) 今。

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

その他のリソース

• OAuth 2.0とは何ですか?
• OAuth 2.0 による認証の概要
• よくある質問 (FAQ)