Login social

Em seu aplicativo, você pode implementar a autenticação do usuário usando sua conta nas redes sociais. Se o primeiro login do usuário for por meio de uma rede social, uma nova conta será criada automaticamente. O usuário não precisa inserir um nome de usuário, endereço de e-mail ou outros dados.

O login social é realizado usando serviços da web. O aplicativo abre um formulário no navegador para concluir a autenticação através da rede social selecionada.

O login social pode ser o método de autenticação principal ou alternativo do seu aplicativo.

Se você usar o login social como um método de autenticação alternativo, a conta da rede social será vinculada automaticamente a uma conta de usuário existente se as seguintes condições forem atendidas:

• Um usuário que se cadastrou com um nome de usuário/endereço de e-mail e senha fez login no seu aplicativo por meio de uma conta de rede social.
• Uma rede social retorna um endereço de e-mail.
• O endereço de e-mail do usuário em uma rede social corresponde ao endereço de e-mail utilizado para se cadastrar em seu aplicativo.

O SDK oferece suporte aos seguintes provedores para o login social:

• 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

Para configurar a autenticação por meio de serviços da web:

1. Na interface do aplicativo, adicione botões para autenticação via redes sociais.
2. Configure as conexões sociais para um projeto de login na Conta de Distribuidor.
3. Implemente a lógica de autenticação no lado do aplicativo.

Configure conexões sociais para o projeto Login na Conta de Distribuidor Xsolla

1. Abra seu projeto na Conta de Distribuidor.
2. No menu lateral, clique em Login.
3. Clique em Configure no painel de um projeto Login.
4. Vá para o bloco Authentication e selecione a seção Social login.

5. Conecte as redes sociais que os usuários podem usar para se cadastrar e fazer login no aplicativo:

1. • Para conectar uma rede social, clique no ícone ⚙ e selecione Connect.

1. • Para conectar várias redes sociais ao mesmo tempo, selecione os painéis necessários (suas bordas ficarão verdes). Em seguida, no menu suspenso Manage, selecione Connect.

1. • Para conectar todas as redes sociais disponíveis, clique em Select all. Em seguida, no menu suspenso Manage, selecione Connect.

Integre no lado do aplicativo

Implemente a seguinte lógica ao clicar no botão de login social:

1. Obtenha o URL da página de cadastro/login usando o método getLinkForSocialAuth da biblioteca Login.
2. Abra a página de cadastro/login em um navegador.
3. Acompanhe a alteração de URL da página após a autenticação bem-sucedida do usuário.
4. Obtenha o código de autenticação do URL da página ativa.
5. Troque o código de autenticação de um token usando o método generateJWT da biblioteca Login.

Links úteis