WordPress 用の OAuth を使用して Strava シングルサインオン (SSO) を設定する

概要

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

プラグインのダウンロード 料金プラン Free Trial

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

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

WordPress への Strava シングル サインオン (SSO) ログインを設定する手順

1. StravaをOAuthプロバイダーとして設定する

• まず最初にクリックしてください https://developers.strava.com/ Strava アカウントにログイン/登録します。

• 選択 作成と管理 アプリのオプションで、 新しいアプリを作成する 必要な詳細をすべて入力し、WordPress サイトのドメインを下に入力します。 認可コールバックドメイン フィールド。

• 以下を行うには、 作成ボタン 構成を保存します。
• アップロードする アプリアイコン をクリックすると + 画像（下記）に示されています。

• 以下を行うには、 セーブ あなたのを保存するためのボタン 設定.

• アプリが含まれるページにリダイレクトされます。 クライアントID、クライアントシークレット APPトークン.

• の横にある表示オプションをクリックします クライアントシークレット そしてあなたの クライアントシークレット と同様 顧客ID そしてそれらをあなたの OAuthクライアントの設定.

StravaをOAuthプロバイダーとして正常に設定し、WordPressサイトへのStravaログインを実現しました。

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

• Free
• プレミアムサーマルバッグ

• に行く OAuthの構成 タブをクリックして 新しいアプリケーションを追加 新しいクライアント アプリケーションを Web サイトに追加します。

• こちらの OAuth / OpenID Connect プロバイダーのリストからアプリケーションを選択してください Strava.

• プロバイダーを選択したら、 コールバックURL これは、OAuth プロバイダーの SSO アプリケーション構成で構成する必要があります。
• 次に、設定します アプリ名、クライアントID、クライアントシークレット (NAIST) と Endpoints .
• 詳細については、以下の表を参照して設定してください。 スコープとエンドポイント の Strava プラグインで。

クライアントID ：	from ステップ 1 上記の.
クライアントシークレット:	from ステップ 1 上記の.
スコープ	read
エンドポイントを承認します:	https://www.strava.com/oauth/authorize
アクセストークンエンドポイント:	https://www.strava.com/oauth/token
ユーザー情報エンドポイント:	https://www.strava.com/api/v3/athlete

• 以下を行うには、 次へ

• 設定の詳細を確認し、 をクリックします。 仕上げ 構成を保存します。

WordPressをOAuthクライアントとして正常に設定し、StravaとWordPressを連携させてユーザー認証を行うことが可能になりました。

• に行く OAuthの構成 タブをクリックしてアプリケーション名を検索し、新しいクライアントアプリケーションをウェブサイトに追加します。 Strava.

• 構成 アプリ名、クライアントID、クライアントシークレット Stravaアプリから。
• 設定については、以下の表を参照してください。 スコープとエンドポイント プラグインのStravaで、 [設定の保存]

クライアントID ：	from ステップ 1 上記の.
クライアントシークレット:	from ステップ 1 上記の.
スコープ	read
エンドポイントを承認します:	https://www.strava.com/oauth/authorize
アクセストークンエンドポイント:	https://www.strava.com/oauth/token
ユーザー情報エンドポイント:	https://www.strava.com/api/v3/athlete

• 転送プランを選択し、 交付金の種類 オプションのリストから選択してクリックします [設定の保存] 設定を保存します。

WordPressをOAuthクライアントとして正常に設定し、StravaとWordPressを連携させてユーザー認証を行うことが可能になりました。

ステップ3: ユーザー属性のマッピング

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

ユーザー属性の検索:

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

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

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

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

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

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

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

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

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

• シングルサインオン（SSO）設定タブの設定は、シングルサインオン（SSO）のユーザーエクスペリエンスを定義します。WordPressページにStravaログインウィジェットを追加するには、以下の手順に従ってください。

• WordPress 5.7以下
• WordPressの5.8
• WordPress 5.9以上

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

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

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

• ことを確認してください 「ログインページに表示」 オプションがアプリケーションで有効になっています。 (下の画像を参照してください)

• 今、あなたに行きます ワードプレスログイン ページで見やすくするために変数を解析したりすることができます。 (例: https://< your-wordpress-domain >/wp-login.php)
• そこにStrava SSOログインボタンが表示されます。ログインボタンをクリックすると、Stravaシングルサインオン（SSO）をテストできます。

このガイドでは、WordPress 用の OAuth シングルサインオン (OAuth / OpenID Connect Client) プラグインを使用して、Strava を OAuth プロバイダー、WordPress を OAuth クライアントとして設定することで、Strava シングルサインオン (SSO) の設定を完了しました。このソリューションにより、Strava のログイン認証情報を使用して WordPress サイトへの安全なアクセスを数分以内に展開できるようになります。

関連記事

• OAuth 2.0とは何ですか?
• OAuth プロバイダー / OpenID Connect としての Strava
• WordPress 用のシングルサインオン (SSO) OAuth / OpenID Connect / JWT
• OAuth 2.0 とは何ですか?また、どのように機能しますか?
• よくある質問（FAQ）