エクソーラログインウィジェット

エクソーラログインウィジェットは、ユーザー認証のための既製のインターフェースをプロジェクトに統合し、コードとUIのための開発コストを削減することができます。

制限事項：

• ウィジェットは、モバイルプラットフォーム向けビルドでのみサポートされます。
• ウィジェットは、以下のユーザー認証方法のみをサポートしています：
  • ユーザー名/メールアドレスとパスワード
  • SMSまたはEメールで送信されるワンタイムコードまたはリンクによるパスワードレスログイン
  • ソーシャルネットワークによるウェブ認証

ウィジェットを使用して、認証が成功した後にユーザーをアプリケーションにリダイレクトするように設定します：

1. パブリッシャーアカウントであなたのプロジェクトを開きます。
2. サイドメニューで、ログインをクリックします。
3. ログインプロジェクトを選択し、構成をクリックします。
4. コールバックURLセクションを選択します。
5. コールバックURLフィールドに、OAuth 2.0クライアントの構成するときに指定したのと同じユーザーのリダイレクトパスを指定します。
6. 変更内容を保存するをクリックします。

ウィジェットを使用してモバイルアプリケーションに認証を追加するには：

1. AndroidまたはiOS用のネイティブエクソーラSDKをプロジェクトに接続します。
2. 認証とその結果の処理を開始します：

1. 1. アプリケーションにユーザー認証用のUI（ログインボタンなど）を実装します。
   2. アプリケーションのロジックに従って、authWithXsollaWidgetネイティブ メソッドのコールを実装します。

ウィジェットを使用して認証を開始する例：

NativeUtil.authWithXsollaWidget();

1. 3. Cocos Creator側では、認証が成功したときのイベントを購読します。このイベントは、認証結果を処理するネイティブアクティビティによって、シーンレベルで生成されます。認証に成功したら、ハンドラーハンドラメソッドを呼び出し、ユーザーのトークンを含むオブジェクトを受け取ります。このオブジェクトはエクソーラAPIで操作を継続することができます。

1. 4. 対応するハンドラーメソッドのコールにより、認証エラーおよび認証キャンセルイベントをサブスクライブします。

サブスクリプションの例：

director.getScene().on(Events.XSOLLA_WIDGET_AUTH_SUCCESS, this.handleSuccessfulXsollaWidgetAuth, this );
director.getScene().on(Events.XSOLLA_WIDGET_AUTH_ERROR, this.handleErrorXsollaWidgetAuth, this );
director.getScene().on(Events.XSOLLA_WIDGET_AUTH_CANCELED, this.handleCancelXsollaWidgetAuth, this );

エクソーラは標準的なウィジェットテンプレートを提供しています。その外観とコンテンツは、プロジェクトで選択されたログイン方法と、アドミンページからのウィジェットカスタマイズ設定によって決定されます。

いくつかのログイン方法のデモプロジェクトウィジェット表示：

お役立ちリンク