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.
Há duas maneiras de implementar a autenticação por meio de redes sociais:
- Autenticação pela web. Nesse caso, o aplicativo abre um formulário no navegador para concluir a autenticação por meio da rede social selecionada. Essa opção é adequada para aplicativos móveis e desktop.
- Autenticação nativa. Nesse caso, a autenticação é realizada por meio do aplicativo da rede social no dispositivo do usuário. Esta opção só é adequada para aplicativos móveis.
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.
Você também pode implementar a vinculação manual de uma conta de rede social.
Guias
O SDK oferece suporte aos seguintes provedores para o login social:
- Amazon
- Apple
- Baidu
- Battle.net
- Discord
- GitHub
- Kakao
- MSN
- Mail.ru
- Microsoft
- Naver
- Odnoklassniki
- PayPal
- Steam
- Twitch.tv
- VK
- Vimeo
- Xbox Live
- Yahoo
- Yandex
- YouTube
Para configurar a autenticação por meio de serviços da web:
- Na interface do aplicativo, adicione botões para autenticação via redes sociais.
- Configure as conexões sociais para um projeto de login na Conta de Distribuidor.
- Implemente a lógica de autenticação no lado do aplicativo.
Configure conexões sociais para o projeto Login na Conta de Distribuidor Xsolla
- Abra seu projeto na Conta de Distribuidor.
- No menu lateral, clique em Login.
- Clique em Configure no painel de um projeto Login.
- Vá para o bloco Authentication e selecione a seção Social login.
- Conecte as redes sociais que os usuários podem usar para se cadastrar e fazer login no aplicativo:
- Para conectar uma rede social, clique no ícone ⚙ e selecione Connect.
- 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.
- 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:
- Abra a página de cadastro/login usando o método SDK
AuthenticateViaSocialNetwork
. - Inscreva-se nos eventos
SuccessCallback
,ErrorCallback
eCancelCallback
. - Obtenha o token do parâmetro
LoginData
ou chamando o métodoGetLoginData
e utilize-o nas solicitações aos servidores Xsolla.
SuccessCallback
retorna um token de autorização no parâmetro LoginData
. O token é armazenado em um cache local no método GetLoginData
.Você pode encontrar um exemplo da implementação dessa lógica no blueprint BP_LoginController
do projeto de demonstração.
A autenticação nativa permite que os jogadores façam login em seu aplicativo por meio de aplicativos instalados que usam contas de redes sociais. Atualmente, o SDK implementou a autenticação nativa através das seguintes redes sociais:
Para configurar a autenticação nativa:
- Na interface do aplicativo, adicione botões para autenticação via redes sociais.
- Crie sua compilação do projeto Unreal Engine para Android.
- Configure o aplicativo na conta de desenvolvedor para a rede social:
- Para a autenticação via Facebook:
- Cadastre-se e crie um novo aplicativo.
- Configure a página do aplicativo em sua conta de desenvolvedor do Facebook.
- Para a autenticação via Google, configure o projeto no Google API Console.
- Para a autenticação via WeChat:
- Cadastre-se e crie um novo aplicativo.
- Envie a solicitação de revisão.
- Para a autenticação via QQ:
- Cadastre-se e crie um novo aplicativo.
- Envie a solicitação de revisão.
- Para a autenticação via Facebook:
- Configure a autenticação via redes sociais no lado Xsolla:
- Para Facebook e Google, configure as conexões sociais na Conta de Distribuidor.
- Para WeChat e QQ, entre em contato com seu Gerente de Sucesso do Cliente ou envie um e-mail para csm@xsolla.com.
- Configure o SDK para o seu projeto Unreal Engine.
- Implemente a lógica de autenticação no lado do aplicativo.
Configure a página do aplicativo na sua conta de desenvolvedor do Facebook
- Vá para as configurações do projeto na conta de desenvolvedor do Facebook.
- Vá para Settings > Basic.
- Clique em Add Platform e selecione Android.
- Especifique o nome do pacote do seu aplicativo Android no campo Google Play Package Name.
- Especifique um nome de classe totalmente qualificado da Atividade no campo Class Name (o valor padrão é
com.epicgames.ue4.GameActivity
). - Gere uma chave hash e insira-a no campo Key Hashes.
- Clique em Save changes.
Para mais configurações de autenticação nativa, você precisará de:
- App ID e App Secret, encontrados nas configurações do projeto na seção Settings > Basic.
- Client token encontrado nas configurações do projeto na seção Settings > Advanced > Security.
Configure o projeto no Google API Console
- Vá para o Google API Console.
- Clique em New Project.
- Especifique o Project name e Location, e clique em Save.
- Vá para o projeto criado e clique em OAuth consent screen no menu lateral.
- Selecione a opção External e clique em Create.
- Especifique os parâmetros necessários e clique em Save.
- Clique em Credentials no menu lateral.
- Crie um cliente OAuth 2.0 para seu aplicativo Android:
- Clique em Create credentials e selecione OAuth client ID.
- Especifique Android no campo Application type.
- Especifique o Name.
- Especifique o nome do pacote do seu aplicativo Android no campo Package name.
- Obtenha a chave SHA.
- Especifique a chave SHA gerada na etapa anterior SHA-key no campo SHA-1 certificate fingerprint.
- Clique em Create.
- Clique em OK.
- Crie um cliente OAuth 2.0 para o aplicativo web:
- Clique em Create credentials e selecione OAuth client ID.
- Especifique Web application no campo Application type.
- Especifique o Name.
- Clique em Add URI na seção Authorized redirect URIs e especifique o URL
https://login.xsolla.com/api/social/oauth2/callback
. - Clique em Create.
- Clique em OK.
Para configurações de autenticação nativa adicionais, você precisará do Client ID e Client Secret, encontrados nas configurações do ID do Cliente para o aplicativo web.
Configure conexões sociais para o projeto Login na Conta de Distribuidor Xsolla
- Abra seu projeto na Conta de Distribuidor.
- No menu lateral, clique em Login.
- Clique em Configure no painel de um projeto Login.
- Vá para o bloco Authentication e selecione a seção Social login.
- Para configurar uma rede social, vá para o cartão de rede social, clique no ícone ⚙ à direita do título e selecione Connect.
Configure o SDK para o projeto Unreal Engine
- Vá para o seu projeto Unreal Engine.
- Vá para
Settings > Project Settings > Plugins > Xsolla Settings > Android . - Especifique o ID do aplicativo:
- Especifique o ID do App obtido na conta de desenvolvedor do Facebook no campo
Facebook App Id . - Especifique o token do cliente da conta de desenvolvedor do Facebook no campo
Facebook Client Token . - Especifique o ID do Cliente para um aplicativo web no Google API Console no campo
Google App Id . - Especifique o campo AppID obtido nas configurações do aplicativo WeChat no campo
We Chat App Id . - Especifique o AppID obtido nas configurações do aplicativo QQ no campo
QQ App Id .
- Especifique o ID do App obtido na conta de desenvolvedor do Facebook no campo
Integre no lado do aplicativo
Ao clicar no botão de login social, implemente a chamada do método LaunchNativeSocialAuthentication
. Um exemplo de implementação é fornecido no BP_LoginController
no método do controlador AuthenticateViaSocialNetwork
no projeto de demonstração.
Links úteis
Última atualização: 22 de Janeiro de 2024Encontrou um erro de texto ou digitação? Selecione o texto e pressione Ctrl+Enter.