Webflow OAuth および OpenID Connect シングル サインオン (SSO) | ウェブフロー SSO ログイン

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

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

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

Webflowのシングルサインオン（SSO）をWordPressにログインするための設定手順

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

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

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

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

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

• あなたは 顧客ID (NAIST) と クライアントシークレットクライアント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

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

正常に設定されました Weibウェブフロー WebflowからWordPressサイトへのログインを実現するための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) WebflowをOAuthプロバイダー、WordPressをOAuthクライアントとして設定し、WordPress用OAuthシングルサインオン（OAuth & OpenID Connectクライアント）プラグインを使用することで、Webflow SSOログイン認証情報を使用したWordPressサイトへの安全なアクセスを数分以内に展開できます。

その他のリソース

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