ソーシャルログイン

アプリケーションでは、ソーシャルネットワークのアカウントを使用したユーザー認証を実装することができます。ユーザーの最初のログインがソーシャルネットワーク経由の場合、新しいアカウントが自動的に作成されます。ユーザーは、ユーザー名やメールアドレスなどのデータを入力する必要がありません。

ソーシャルログインは、ウェブサービスを利用して行われます。アプリケーションは、ブラウザでフォームを開き、選択したソーシャルネットワークを介して認証を完了します。

ソーシャルログインは、アプリケーションの主要な認証方法として、または代替の認証方法として使用することができます。

代替の認証方法としてソーシャルログインを使用する場合、以下の条件を満たすと、ソーシャルネットワークのアカウントは自動的に既存のユーザーアカウントに紐付けられます：

• ユーザー名/メールアドレスとパスワードでサインアップしたユーザーが、ソーシャルネットワークアカウントを介してアプリケーションにログインしました。
• ソーシャルネットワークでは、メールアドレスを返します。
• ソーシャルネットワーク上のユーザーのメールアドレスと、アプリケーションでサインアップに使用したメールアドレスが一致します。

SDKは、ソーシャルログインのために以下のプロバイダーをサポートしています：

• Amazon
• Apple
• Baidu
• Battle.net
• Discord
• Facebook
• GitHub
• Google
• Kakao
• LinkedIn
• MSN
• Mail.ru
• Microsoft
• Naver
• Odnoklassniki
• PayPal
• QQ
• Reddit
• Steam
• Twitch.tv
• Twitter
• VK
• Vimeo
• WeChat
• Weibo
• Xbox Live
• Yahoo
• Yandex
• YouTube

ウェブサービスによる認証を設定するには：

1. アプリケーションのインターフェースに、ソーシャルネットワーク経由の認証のボタンを追加します。
2. アドミンページでログインプロジェクトにソーシャルコネクションをセットアップします。
3. アプリケーション側で認証ロジックを実装します。

エクソーラアドミンページでログインプロジェクトのソーシャルコネクションを設定します

1. アドミンページでプロジェクトを開きます。
2. サイドメニューで「ログイン」をクリックします。
3. ログインプロジェクトのパネルで「構成する」をクリックします。
4. 「認証」ブロックに移動し、「ソーシャルログイン」セクションを選択します。

5. ユーザーがアプリケーションへのサインアップやログインに使用できるソーシャルネットワークを接続します：

1. • ソーシャルネットワークに接続するには、⚙ アイコンをクリックし、接続するを選択します。

1. • 複数のソーシャルネットワークを一度に接続するには、必要なペインを選択します（枠線が緑色になる）。それで、管理ドロップダウンメニューから、接続するを選択します。

1. • 利用可能なすべてのソーシャルネットワークを接続するには、すべて選択をクリックします。それで、管理ドロップダウンメニューから、接続するを選択します。

アプリケーション側で統合する

ソーシャルログインボタンをクリックした際に、以下のロジックを実装します：

1. LoginライブラリのgetLinkForSocialAuthメソッドを使用して、サインアップ/ログインページのURLを取得します。
2. ブラウザでサインアップ/ログインページを開きます。
3. ユーザー認証に成功した後のページURLの変更を追跡します。
4. アクティブページのURLから認証コードを取得します。
5. LoginライブラリのgenerateJWTメソッドを用いて、認証コードをトークンに交換します。

お役立ちリンク