ソーシャルログイン
ソーシャルログインは、アプリケーションの主要な認証方法として、または代替の認証方法として使用することができます。
ユーザーの初回ログインがソーシャルネットワーク経由の場合、新しいアカウントが自動的に作成されます。
代替の認証方法としてソーシャルログインを使用する場合、以下の条件を満たすと、ソーシャルネットワークのアカウントは自動的に既存のユーザーアカウントに紐付けられます:
- ユーザー名/メールアドレスとパスワードでサインアップしたユーザーが、ソーシャルネットワークアカウントを介してアプリケーションにログインしました。
- ソーシャルネットワークでは、メールアドレスを返します。
- ソーシャルネットワークでのユーザーのメールアドレスは、アプリケーションで登録に使用したメールアドレスと同じです。
ハウツー
モバイルアプリケーションでは、アプリケーション内に認証フォームを開くことで、ソーシャルログインを実装することができます。これを行うには、ネイティブのAndroid向けのXsolla SDKをCocos Creatorのプロジェクトに接続します。このライブラリを使用すると、カスタムWebViewでソーシャルネットワークの認証フォームを開き、ログインに成功した場合にユーザートークンを受け取ることができます。この場合、ユーザーはモバイルアプリケーションから離れる必要はありません。
モバイルアプリケーションにソーシャルネットワークによる認証機能を追加するには:
- Android向けのXsolla SDKをプロジェクトに接続します。
- 認証を開始し、その結果を処理します:
- アプリケーションにソーシャルログインのUIを実装します(例えば、ログインページの
Sign in with Google ボタンなど)。 - アプリケーションのロジックに合わせて、
authSocial
ネイティブメソッドの呼び出しを実装します。このメソッドは、ソーシャルネットワークの名前をパラメータとして受け取ります。
- アプリケーションにソーシャルログインのUIを実装します(例えば、ログインページの
ソーシャルログイン開始の例:
- typescript
NativeUtil.authSocial(socialNetworkName);
- Cocos Creator側では、認可が成功したときのイベントを購読します。このイベントは、認可結果を処理するネイティブアクティビティによって、シーンレベルで生成されます。認証に成功したら、
handleSuccessfulSocialAuth
ハンドラメソッドを呼び出し、ユーザーのトークンを含むオブジェクトを受け取ります。このオブジェクトはエクソーラAPIでさらに作業することができます。
- Cocos Creator側では、認可が成功したときのイベントを購読します。このイベントは、認可結果を処理するネイティブアクティビティによって、シーンレベルで生成されます。認証に成功したら、
サブスクリプションの例:
- typescript
director.getScene().on(Events.SOCIAL_AUTH_SUCCESS, this.handleSuccessfulSocialAuth, this );
- 必要なハンドラーメソッドのコールにより、ログインエラーおよびログインキャンセルイベントをサブスクライブします。
モバイルアプリケーションでは、アプリケーション内に認証フォームを開くことで、ソーシャルログインを実装することができます。これを行うには、ネイティブのiOS向けのXsolla SDKをCocos Creatorのプロジェクトに接続する必要があります。このライブラリを使用すると、ポップアップSafariタブでソーシャルネットワークの認証フォームを開き、ログインに成功した場合にユーザートークンを受け取ることができます。この場合、ユーザーはモバイルアプリケーションから離れる必要はありません。
モバイルアプリケーションにソーシャルネットワークによる認証機能を追加するには:
- IOS向けのXsolla SDKをプロジェクトに接続します。
- 認証を開始し、その結果を処理します:
- アプリケーションにソーシャルログインのUIを実装します(例えば、ログインページの
Sign in with Apple ボタンなど)。 - アプリケーションのロジックに合わせて、
authSocial
ネイティブメソッドの呼び出しを実装します。このメソッドは、ソーシャルネットワークの名前をパラメータとして受け取ります。
- アプリケーションにソーシャルログインのUIを実装します(例えば、ログインページの
ソーシャルログイン開始の例:
- typescript
NativeUtil.authSocial(socialNetworkName);
- Cocos Creator側では、認可が成功したときのイベントを購読します。このイベントは、認可結果を処理するTypeScript-codeのスニペットによって、シーンレベルで生成されます。認証に成功したら、
handleSuccessfulSocialAuth
ハンドラメソッドを呼び出し、ユーザーのトークンを含むオブジェクトを受け取ります。このオブジェクトはエクソーラAPIでさらに作業することができます。
- Cocos Creator側では、認可が成功したときのイベントを購読します。このイベントは、認可結果を処理するTypeScript-codeのスニペットによって、シーンレベルで生成されます。認証に成功したら、
サブスクリプションの例:
- typescript
director.getScene().on(Events.SOCIAL_AUTH_SUCCESS, this.handleSuccessfulSocialAuth, this );
- 必要なハンドラーメソッドのコールにより、ログインエラーおよびログインキャンセルイベントをサブスクライブします。
誤字脱字などのテキストエラーを見つけましたか? テキストを選択し、Ctrl+Enterを押します。