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

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

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

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

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

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

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

TYPO3 用の Facebook ソーシャルログイン (Facebook シングルサインオン (SSO)) は、弊社の TYPO3 ソーシャルログインプラグインを使用することで実現できます。このガイドでは、TYPO3 ウェブサイトに Facebook ログインを最も簡単な方法で実装する方法をご紹介します。TYPO3 ソーシャルログインプラグインのその他の機能については、こちらをクリックしてください。

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

• Typo3 インスタンスに管理者としてログインします。
• MFAデバイスに移動する 拡張機能 左側のペインからタブをクリックします。
• 選択 拡張機能を利用する ドロップダウンから検索してください miniOrange ソーシャル ログイン そして拡張機能をインストールします。
• 今すぐ選択 インストールされた拡張機能 ドロップダウン メニューからソーシャル ログインを検索し、拡張機能をアクティブにします。

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

ステップ 1. TYPO3 で Facebook ソーシャル ログインを設定する

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

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

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

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

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

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

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

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

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

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

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

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

• コピー リダイレクトURL miniOrange ソーシャル ログイン プラグインで提供されます。
• 貼り付け リダイレクトURL に選出しました。 有効な OAuth リダイレクト URL フィールド をクリックします。入力したコードが正しければ、MFAの設定は正常に完了します 変更を保存

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

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

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

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

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

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

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

• に行く miniOrange ソーシャル ログイン プラグイン → [アプリの構成] をクリック → Facebook をクリック:
• トグルボタンを有効にして、TYPO3 の Facebook ソーシャル ログインを有効にします。
• 貼り付け クライアントID (NAIST) と クライアントシークレット セットアップの上でフォームをコピーし、Facebook の手順のフィールドに貼り付けます。
• 必要なスコープを入力します。
• 次にクリック 構成を保存してテストする
• テストが成功したことを示すプラグインからの通知が表示されます。 つまり、カスタム アプリが適切に設定されることになります。
• 次に、ログインページに移動します。 ここで、Facebook ソーシャル ログイン ボタンがアクティブになっていることがわかります。 顧客は Facebook 認証情報を使用してログインできるようになりました。

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

その他のリソース

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

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