無料試用版を入手

ソーシャルログインとは何ですか?

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

ソーシャルログインはどのように機能しますか?

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

OAuth 2.0 プロトコルを使用した Magento 用の Google ソーシャル ログイン ( Google SSO ) の統合。

miniOrange ソーシャル ログインを使用すると、ユーザーは Google アカウントを使用して Magento Web サイトにログイン/登録できるようになります。 パスワードを覚えなくても、Magento Web サイトにログイン/登録するための最良の選択肢をユーザーに提供します。 いくつかの簡単な手順で miniOrange による Magento Google プラグインをセットアップし、Google をセットアップします。

Magento サイトに Google ログイン ボタンを表示するにはどうすればよいですか?

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

Magento の Magento Google ソーシャル ログイン (Google シングル サインオン (SSO)) は、Magento Social Login プラグインを使用して実現できます。 このガイドでは、最も簡単な方法で Magento Web サイトに Google ログインを実装する方法を説明します。 こちらをクリックしてください Magento ソーシャル ログイン プラグインで提供されるその他の機能の詳細については、こちらをご覧ください。

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

• miniOrange Social Login Free プラグインは、Magento Marketplace からダウンロードできます。
• ドロップダウンから Magento ストアのバージョンを選択します。
• 「カートに追加」をクリックします。
• カートに移動してチェックアウトしてプラグインを購入します。
• 「ダウンロード」をクリックして、miniOrange ソーシャル ログイン プラグインの zip を保存します。
• MiniOrange/OAuth ディレクトリ内の zip の内容をすべて解凍します。

      {Magentoのルートディレクトリ} アプリ コード ミニオレンジ Magentoソーシャルログイン
      

• コマンドプロンプトで次のコマンドを実行してプラグインを有効にします。

1.php bin/magento setup:di:compile

2.php bin/magento セットアップ:アップグレード

Magento への Google ソーシャル ログインを構成する手順

ステップ 1. Magento で Google ソーシャル ログインを構成する

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

 Google ソーシャル ログインを構成する

• Google 開発者コンソールにアクセスします。 https://console.developers.google.com Google 開発者アカウントでサインアップ/ログインします。

• サインイン後、「プロジェクトの作成」をクリックします。

• プロジェクトの名前を入力し、必要に応じて、指定されたプロジェクト ID を編集します。 「作成」をクリックします。

• プロジェクトが作成されるまで待ちます。

• 左側のメニューをクリックし、「APIとサービス」→「OAuth同意画面」に移動します。

• 選択 外部 ユーザータイプとして入力し、「作成」をクリックします。

• アプリ情報を編集するように求められます。 アプリ名とユーザーサポートのメールアドレスを入力します。

• [スコープ]画面で、[スコープの追加または削除]をクリックします。 チェック '.../auth/userinfo.email' & 「.../auth/userinfo.profile」。 下にスクロールし、「保存して続行」をクリックします。

• [テスト ユーザー] 画面で、 をクリックします。 ユーザーを追加する。 アプリをテストするために信頼できるユーザーを数人追加します。 これらのユーザーは削除できないことに注意してください。 下にスクロールし、「保存して続行」をクリックします。 下にスクロールし、「ダッシュボードに戻る」をクリックします。

• 左側のメニューで、「認証情報」をクリックし、ドロップダウンから「認証情報の作成」をクリックして、Oauth クライアント ID を選択します。

• [アプリケーション タイプ] ドロップダウンから、[Web アプリケーション] を選択します。

• クライアント名を入力します。

• 「リダイレクト URL を追加」ボタンをクリックします。

• miniOrange ソーシャル ログイン プラグインからリダイレクト URI をコピーします。

• コピーした URL をリダイレクト URI フィールドに貼り付けます。

• クライアント ID とクライアント シークレットをコピーし、miniOrange ソーシャル ログイン プラグインの [アプリ ID] フィールドと [アプリ シークレット] フィールドにそれぞれ貼り付けます。

• 左側のメニューをクリックし、「APIとサービス」→「OAuth同意画面」に移動します。 [公開ステータス] で [アプリを公開] をクリックして確認します。

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

• に行く miniOrange ソーシャル ログイン プラグイン → [アプリの構成] をクリック → [Google] をクリック:

• トグルボタンを有効にして、Magento の Google ソーシャル ログインを有効にします。

• コピー クライアントID & クライアントシークレット 上記の設定フォームを入力し、Google 手順のフィールドに貼り付けます。

• 必要なスコープを入力します。

• 次にクリック 構成を保存してテストする

• 新しいウィンドウがすぐに表示され、Google アカウントにログインするよう求められます。 Google for Developer へのアカウント登録に使用したアカウントでログインします。 「Continue as …」を押してログインプロセスを完了します。
• テストが成功したことを示すプラグインからの通知が表示されます。 つまり、カスタム アプリが適切に設定されることになります。

• 次に、顧客のログインページに移動します。 ここで、Google ソーシャル ログイン ボタンが有効になっていることがわかります。 顧客は Google 認証情報を使用してログインできるようになりました。

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

その他のリソース

• Googleについて
• ソーシャルログインの詳細