Magento 2 に Facebook ログインを追加する方法 | Facebook ソーシャル ログインを統合する

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

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

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

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

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

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

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

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

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


• コマンドプロンプトで次のコマンドを実行してプラグインを有効にします。
      2. php bin/magento セットアップ:di:compile
      1. php bin / magentoのセットアップ：アップグレード

Facebook ソーシャル ログインを Magento に設定する手順

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

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

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

• 開始するには、Facebook 開発者コンソールに移動して、 こちら Facebook 開発者アカウントでサインアップ/ログインします。 クリック 私のアプリ.

• ボタンをクリックして アプリを作成します。

• まず アプリの種類 as 消費財 提供されたオプションを形成します。

• 入力する アプリの表示名 および 連絡先メールアドレスを追加 Facebook アプリの場合はそれぞれをクリックし、 アプリを作成する ボタンをクリックして設定を保存します。

• 次に、アプリ選択に製品を追加するように求められます フェイスブックログイン をクリックすると セットアップ ボタンを押します。

• まず ウェブ Facebook ログインを Web サイトと統合しようとしている場合は、オプションを選択してください。

• 次に、 ウェブサイトのURL をクリックし 保存します。 次に、をクリックします。 続行します。

• に行く 設定 -> 基本 左側のペインから タブをクリックし、以下に示すように必要な情報を入力します。
• アプリドメイン: そこにウェブサイトのドメインを書き込みます。
• プライバシーポリシーのURL: このボックスに、Web サイトのプライバシー ポリシー ページの URL を入力します。
• 利用規約： このボックスに、Web サイトのサービス利用規約ページにリンクされている URL を入力します。
• ユーザーデータの削除:ドロップダウンで、[データ削除手順 URL] を選択します (ユーザーがサイト上でアカウントを削除する方法についての手順が記載されたページの URL を入力します)。

• 選択する カテゴリ カテゴリフィールドのドロップダウンから、 アプリの目的 アプリを最もよく説明するオプションを選択して、 を押します 変更を保存 構成を保存します。

• 次に、次の場所に移動します 設定 タブの下に フェイスブックログイン 左ペインからタブ。

• コピー リダイレクトURL miniOrange ソーシャル ログイン プラグインで提供されます。

• 貼り付け リダイレクトURL 会場は 有効な OAuth リダイレクト URL フィールド をクリックします。入力したコードが正しければ、MFAの設定は正常に完了します 変更を保存

• 以下を行うには、 アプリのレビュー 左側のメニューからタブをクリックし、 許可とリクエスト.

• ソフトウェアの制限をクリック 事前アクセスをリクエストする public_profile と電子メール。 追加のデータを返したい場合は、それらのスコープに対する許可をリクエストできます。

• アプリのステータスを次から変更します 開発中 〜へ ライブ トグルボタンをONにしてください。

• 注:- データ使用チェックアップを完了するよう求められた場合。 「チェックアップ開始」ボタンをクリックします。

• すべての有効な詳細権限に対するデータ使用を証明します。 送信ボタンをクリックします。

• ここで、[設定] -> [基本] オプションに移動して、 顧客ID および クライアントシークレット Facebook ソーシャル ログインを設定するために必要になります。

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

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

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

• 貼り付け クライアントID および クライアントシークレット セットアップの上でフォームをコピーし、Facebook の手順のフィールドに貼り付けます。

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

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

• テストが成功したことを示すプラグインからの通知が表示されます。 つまり、カスタム アプリが適切に設定されることになります。

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

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

その他のリソース

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