無料試用版を入手

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

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

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

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

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

• まず、に行きます ツイッチコンソール & ログインサインアップ.
• に行く https://dev.twitch.tv/console 。 をクリックしてください アプリケーション -> アプリケーションを登録する .
• 「名前」フィールドにアプリケーション名を入力します。

• 入力する リダイレクト/コールバック miniOrange OAuth クライアント プラグイン/モジュールの URI OAuth リダイレクト URL フィールド。

• カテゴリーを選ぶ。

• ソフトウェアの制限をクリック 創造する

• ソフトウェアの制限をクリック 管理 .

• ソフトウェアの制限をクリック 新しい秘密

• あなたのコピー 顧客ID & クライアントシークレット そしてそれをあなたの miniOrange OAuth クライアント プラグインの構成.

• 無事に完了しました Twitch Oauth サーバー サイド構成。

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

2. WordPress を OAuth クライアントとして設定する

• 無料版
• プレミアム

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

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

• コピー コールバックURL OAuth プロバイダー構成で使用するように選択し、クリックします 次へ。

• 構成 アプリ名。 をコピーして貼り付けます エンドポイント 下の表から。 クリック Next.



クライアントID ：	上記のステップ9から
クライアントシークレット:	上記のステップ9から
範囲：	ユーザー:読み取り:メール さらに多くのスコープについては ここをクリック.
エンドポイントを承認します:	https://id.twitch.tv/oauth2/authorize
アクセストークンエンドポイント:	https://id.twitch.tv/oauth2/token
ユーザー情報の取得エンドポイント:	https://id.twitch.tv/oauth2/userinfo

• 次のようにクライアント資格情報を構成します。 クライアントIDとクライアントシークレット セットアップダイアログボックスに が表示され、スコープ値を次のように入力します。 オープンIDメールに設定します。 OK をクリックします。 次へ。

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

正常に設定されました OAuth クライアントとしての WordPress WordPress サイトへの Twitch シングル サインオン (SSO) ログインによるユーザー認証を実現します。

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

• 構成 アプリ名、クライアントID、クライアントシークレット、ドメイン Twitch SSO アプリケーションから

• 設定については、以下の表を参照してください。 プラグインの Twitch のスコープとエンドポイント。

  注： Twitch アカウントを作成すると、 ドメインURL 以下のエンドポイントにも同じものを追加する必要があります。

  
  

  範囲：	分析:読み取り:拡張機能
  エンドポイントを承認します:	https://id.twitch.tv/oauth2/authorize
  アクセストークンエンドポイント:	https://id.twitch.tv/oauth2/token
  ユーザー情報の取得エンドポイント:	https://id.twitch.tv/oauth2/userinfo

  
• あなたの選択します。 交付金の種類 オプションのリストから選択してクリックします 設定を保存して構成を保存します.

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

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

ユーザー属性の検索

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

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

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

4. サインイン設定

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

WordPress 5.7 以前のサインイン設定

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


WordPress 5.8 のサインイン設定

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

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

WordPress 5.9 のサインイン設定

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

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

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

その他のリソース

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

メールでお問い合わせください oauthsupport@xecurify.com お客様の要件に関する迅速なガイダンス（電子メール/会議経由）が必要です。当社のチームは、お客様の要件に応じて最適なソリューション/プランの選択をお手伝いします。