の検索結果 :

×

会員登録 お問い合わせ

WordPress にソーシャル ログインするための Google アプリを作成する方法 | Google SSO


ソーシャルログインとは何ですか?
ソーシャル ログインを使用すると、ユーザーは Facebook、Google、Twitter などのさまざまなネットワーキング プラットフォームを使用して任意の Web サイトに接続できます。 これは、エンドユーザーのログインを容易にするために設計および実装された、ユーザー向けのシングル サインオンの形式です。 ソーシャル ログインを使用すると、ユーザーはアカウントを作成せずにサードパーティの Web サイトにサインインできます。

ソーシャルログインはどのように機能しますか?
ソーシャルログインプロセスは非常に簡単です。 ユーザーは Web サイトにアクセスし、ログインするソーシャル ログイン プロバイダーを選択します。 彼らはソーシャル ネットワーク プロバイダーのサイトに詳細を入力します。 ソーシャルプロバイダーによる認証プロセスが完了すると、ユーザーは WordPress Web サイトの使用を開始できるようになります。 新しいユーザーの場合は登録され、既存のユーザーの場合はログインされます。

統合 グーグル ソーシャル ログイン ( Google SSO ) OAuth 2.0 プロトコルを使用した WordPress の場合。
miniOrangeソーシャルログインを使用すると、ユーザーはGoogleアカウントを使用してWordPressウェブサイトにログイン/登録できます。パスワードを覚える必要なく、WordPressウェブサイトにログイン/登録するための最適な選択肢をユーザーに提供します。miniOrangeのWordPress用Googleプラグインを簡単な手順でセットアップして、Googleを設定してください。

WordPress サイトに Google ログイン ボタンを表示するにはどうすればよいですか?
Web サイトのカスタム ログイン/登録ページに Google ソーシャル ログイン アイコンを追加できない場合は、Google ソーシャル ログイン アイコンを使用できます。 これにより、ユーザーが Web サイトにサインアップまたはログインしようとしたときに、「Google でログイン」オプションを表示できます。登録やパスワードの記憶が不要なため、時間を節約できるため、多くの人がこのボタンを愛用しています。 必要なのは既存の Google アカウントだけです。

WordPress の Google ソーシャルログインは、当社の WordPress用ソーシャルログインプラグイン。
このガイドでは、WordPressウェブサイトにGoogleログインを最も簡単な方法で実装する方法を見ていきます。WordPress用ソーシャルログインプラグインで提供しているその他の機能について詳しく知りたい場合は、 こちらをクリックしてください。 .

OAuth 2.0とは何ですか?

OAuth 2.0 は業界標準の認証プロトコルです。 OAuth 2.0 は、Web アプリ、デスクトップ アプリケーション、携帯電話、リビング ルームのデバイスに特定の認証プロセスを提供しながら、クライアント開発者の使いやすさを優先します。

ソーシャルログインプラグインを使用すると、GoogleをOAuthおよびOpenID Connectプロバイダーとして利用しながら、WordPressへの安全なログインが可能になります。また、Facebook、Discord、Twitter、Apple、Amazon、Stackoverflow、LinkedInなど、複数のOAuthプロバイダーを使用するようにプラグインを設定することもできます。ユーザーによるアイコンのカスタマイズ、リダイレクトなど、高度なシングルサインオン機能も利用できます。この記事では、WordPressとGoogle間のSSOの設定方法について説明します。

WordPressウェブサイトでユーザーがGoogleアプリアカウントでログインできるようにしたいと考えているなら、このガイドはあなたにぴったりです!


WordPress (WP) に Google ソーシャル ログインを設定する手順

ステップ 1: WordPress で Google アプリのソーシャル ログインを構成する

WordPress で Google ログインを設定するには、以下の手順に従ってください。

  • Google 開発者コンソールにアクセスします。 https://console.cloud.google.com/cloud-resource-manager Google 開発者アカウントでサインアップ/ログインします。
  • WordPress 用の Google アプリのソーシャルログイン
  • サインイン後、「プロジェクトの作成」をクリックします。
  • Google WordPress 用ソーシャルログイン Google アプリ
  • プロジェクトの名前を入力し、必要に応じて、指定されたプロジェクト ID を編集します。 「作成」をクリックします。
  • WordPressアプリのGoogleソーシャルログインプロジェクトの詳細
  • プロジェクトが作成されるまで待ちます。
  • WordPress 用 Google wp ソーシャル ログイン
  • 左側のメニューをクリックし、「APIとサービス」→「OAuth同意画面」に移動します。
  • WordPress用GoogleソーシャルログインOAuth同意画面アプリ
  • 「プロジェクトの選択」をクリックします。
  • Google アプリ WP ソーシャル ログイン
  • 前の手順で入力したプロジェクト名をクリックして、新しく作成したプロジェクトを選択します。
  • WordPress の Google ソーシャルログイン
  • 選択 外部 ユーザータイプとして入力し、「作成」をクリックします。
  • Googleソーシャルログイン設定アプリユーザータイプWordPress用ソーシャルログイン
  • アプリ情報を編集するように求められます。 アプリ名とユーザーサポートのメールアドレスを入力します。
  • Googleアプリ編集アプリ情報WordPressのソーシャルログイン
  • miniOrange ソーシャル ログイン プラグイン (手順ページ) から承認済みドメインを追加するには、 「Doman 追加」ボタン。 開発者の連絡先情報を追加します。 次に、をクリックします 保存して続行.
  • WordPress 用の Google アプリ認証ソーシャルログイン
  • [スコープ]画面で、[スコープの追加または削除]をクリックします。 チェック '.../auth/userinfo.email' (NAIST) と 「.../auth/userinfo.profile」。 下にスクロールし、「保存して続行」をクリックします。
  • WordPress の Google ソーシャルログインのログイン範囲
  • [テスト ユーザー] 画面で、 をクリックします。 ユーザーを追加する。 アプリをテストするために信頼できるユーザーを数人追加します。 これらのユーザーは削除できないことに注意してください。 下にスクロールし、「保存して続行」をクリックします。 下にスクロールし、「ダッシュボードに戻る」をクリックします。
  • WordPress のソーシャルログイン用 Google テストユーザーアプリ
  • 左側のメニューで、「認証情報」をクリックし、ドロップダウンから「認証情報の作成」をクリックして、Oauth クライアント ID を選択します。
  • ソーシャルログイン用のGoogleアプリ認証情報
  • [アプリケーション タイプ] ドロップダウンから、[Web アプリケーション] を選択します。
  • ウェブサイトへのソーシャル ログイン用の Google ウェブ アプリケーション
  • クライアント名を入力し、miniOrange ソーシャル ログイン プラグインから承認されたリダイレクト URL を追加します。 「作成」をクリックします。
  • WordPress認証ドメイン向けのGoogleソーシャルログイン
  • クライアント ID とクライアント シークレットをコピーし、miniOrange ソーシャル ログイン プラグインの [アプリ ID] フィールドと [アプリ シークレット] フィールドにそれぞれ貼り付けます。
  • WordPressのソーシャルログイン用のGoogleアプリクライアントIDとクライアントシークレット
  • [認証情報] 画面でクライアント名をクリックして、クライアント ID とクライアント シークレットを表示することもできます。
  • WP への Google ソーシャル ログイン
  • 左側のメニューをクリックし、「APIとサービス」→「OAuth同意画面」に移動します。 [公開ステータス] で [アプリを公開] をクリックして確認します。
  • 開発者コンソールで Google アプリを公開する

2. miniOrange ソーシャル ログイン プラグインで資格情報を設定する

  • に行く miniOrange ソーシャル ログイン プラグイン → [アプリの構成] をクリック → [Google] をクリック:
  • Google アプリのソーシャルログイン(WordPress用) miniOrange ソーシャル
  • コピー クライアントID (NAIST) と クライアントシークレット 上記の設定フォームを入力し、Google 手順のフィールドに貼り付けます。
  • WordPress用GoogleアプリソーシャルログインクライアントIDとシークレット
  • 次にクリック 構成を保存してテストする
  • WordPressテスト構成アプリのGoogleソーシャルログイン
  • 新しいウィンドウがすぐに表示され、Google アカウントにログインするよう求められます。 Google for Developer へのアカウント登録に使用したアカウントでログインします。 「Continue as …」を押してログインプロセスを完了します。
  • テストが成功したことを示すプラグインからの通知が表示されます。 つまり、カスタム アプリが適切に設定されることになります。

  • Web サイトのカスタム ログイン/登録ページにソーシャル ログイン アイコンを追加できない場合は、 ショート ガイド。

WordPress Web サイトの Google ソーシャル ログインが正常に設定されました。


魅力的なソーシャル ログイン アイコン

  • また、ソーシャル ログイン プラグインの最新バージョンでは、丸、丸いアイコン、四角、長いボタンの 4 種類のソーシャル ログイン アイコンの形状を備えた魅力的なソーシャル ログイン アイコンも提供しています。 デフォルト、白背景、カスタム背景、ホバー、カスタムホバー、スマートを含む XNUMX つのテーマ。 あらゆるタイプのテーマとボタンの変換エフェクトも提供します。


その他のリソース


お探しのものが見つからない場合は、 socialloginsupport@xecurify.comまでメールでお問い合わせください。

こんにちは!

助けが必要? 私たちはここにいます!

対応