Widget Xsolla Login

O widget Xsolla Login permite que você integre uma interface sob medida para a autenticação dos usuários em seu projeto e reduza o custo de desenvolvimento com códigos e interface.

Restrições:

• O widget só é suportado em compilações de plataformas móveis.
• O widget suporta apenas os seguintes métodos de autenticação de usuário:
  • login clássico via nome de usuário/e-mail e senha
  • login sem senha via código único ou link enviado via SMS ou e-mail
  • autenticação com base na web via redes sociais

Configure o redirecionamento de usuários para o aplicativo após a autenticação bem-sucedida usando o widget:

1. Abra seu projeto na Conta de Distribuidor.
2. No menu lateral, clique em Login.
3. Selecione o projeto Login e clique em Configure.
4. Selecione a seção Callback URLs.
5. No campo Callback URL, especifique os mesmos caminhos de redirecionamento dos usuários que você definiu anteriormente ao configurar o cliente OAuth 2.0.
6. Clique em Save changes.

Para adicionar a autenticação em aplicativos móveis usando o widget:

1. Conecte o Xsolla SDK nativo para Android ou iOS ao seu projeto.
2. Inicie a autorização e processamento do resultado:

1. 1. Implemente uma interface para a autenticação do usuário em seu aplicativo (por exemplo, um botão Login).
   2. Implemente uma chamada do método nativo authWithXsollaWidget de acordo com a lógica do seu aplicativo.

Exemplo de início de autenticação usando o widget:

NativeUtil.authWithXsollaWidget();

1. 3. No lado do Cocos Creator, inscreva-se no evento de autenticação bem-sucedido. Esse evento é gerado no nível da cena pela Atividade nativa que manipula o resultado da autorização. Quando a autneticação for bem-sucedida, chame o método manipulador que usa um objeto com o token do usuário. Esse objeto pode ser usado para continuar trabalhando com a Xsolla API.

1. 4. Inscreva-se em eventos de erro de autenticação e de cancelamento de autenticação com uma chamada para os métodos de manipulação correspondentes.

Exemplo de assinatura:

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 );

A Xsolla fornece modelos de widget padrão. Sua aparência e conteúdo são determinadas pelo método de login escolhido para seu projeto e as configurações de personalização do widget da Conta de Distribuidor.

Visualização do widget do projeto de demonstração para vários métodos de login:

Links úteis