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

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

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

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

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

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

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

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

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

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

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

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

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

TYPO3 で 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] をクリック:
• トグルボタンを有効にして、TYPO3 の Google ソーシャル ログインを有効にします。
• コピー クライアントID & クライアントシークレット 上記の設定フォームを入力し、Google 手順のフィールドに貼り付けます。
• 必要なスコープを入力します。
• 次にクリック 構成を保存してテストする
• 新しいウィンドウがすぐに表示され、Google アカウントにログインするよう求められます。 Google for Developer へのアカウント登録に使用したアカウントでログインします。 「Continue as …」を押してログインプロセスを完了します。
• テストが成功したことを示すプラグインからの通知が表示されます。 つまり、カスタム アプリが適切に設定されることになります。
• 次に、顧客のログインページに移動します。 ここで、Google ソーシャル ログイン ボタンが有効になっていることがわかります。 顧客は Google 認証情報を使用してログインできるようになりました。

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

その他のリソース

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

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