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

概要

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

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

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

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

WordPressへのTwitterシングルサインオン（SSO）ログインの設定手順

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

• 次を使用して Twitter 開発者ポータルにログインします。 https://developer.twitter.com/en/apps.
• ソフトウェアの制限をクリック プロジェクトの作成

• 入力する 名前 あなたのプロジェクトのために、クリックしてください 次へ

• まず 使用事例 ドロップダウンリストから選択します。

• 入力する 詳細説明 あなたのプロジェクトのために、クリックしてください 次へ

• ソフトウェアの制限をクリック 新しいアプリを作成する.

• 入力する アプリ名 をクリックします。入力したコードが正しければ、MFAの設定は正常に完了します 完全 ボタンをクリックしてアプリケーションを作成します。

• アプリケーションを保存すると、 顧客ID (NAIST) と クライアントシークレットこれらの情報は、後でOAuthクライアントプラグインを設定する際に必要となるため、保存しておいてください。

• に行く アプリの設定.

• ソフトウェアの制限をクリック 編集 認証設定のボタン。

• Twitter にサインインするために 3-legged OAuth を有効にします。

• 入力する コールバックURL (NAIST) と ウェブサイトのURL、をクリックしてください 設定を保存

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

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

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

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

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

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

クライアントID ：	from ステップ 1 上記の.
クライアントシークレット:	from ステップ 1 上記の.
スコープ	プロフィール
エンドポイントを承認します:	https://www.api.twitter.com/oauth/authenticate
アクセストークンエンドポイント:	https://twitter.com/oauth/access_token
ユーザー情報エンドポイント:	https://www.api.twitter.com/1.1/api/account/verify_credentials.json

• 以下を行うには、 次へ

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

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

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

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

クライアントID ：	from ステップ 1 上記の.
クライアントシークレット:	from ステップ 1 上記の.
スコープ	プロフィール
エンドポイントを承認します:	https://www.api.twitter.com/oauth/authenticate
アクセストークンエンドポイント:	https://twitter.com/oauth/access_token
ユーザー情報エンドポイント:	https://www.api.twitter.com/1.1/api/account/verify_credentials.json

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

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

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

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

ユーザー属性の検索:

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

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

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

4. サインイン設定

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

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

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

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

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

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

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

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

関連記事

• OAuth 2.0とは何ですか?
• OAuth プロバイダー / OpenID Connect としての Twitter
• よくある質問（FAQ）