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
Para implementar a lógica de login social, chame o método SDK AuthViaSocialNetwork
e passe os seguintes parâmetros para o método:
SocialProvider
— o nome da rede socialonSuccess
— retorno de chamada de autenticação do usuário bem-sucedidaonCancelled
— retorno de chamada de cancelamento da autenticação pelo usuárioonError
— retorno de chamada de erro
Assets/Xsolla.Demo/Login/Scripts/Login/Auth/SocialAuth.cs
do projeto de demonstração.A autenticação nativa permite que os usuários façam login em seu aplicativo por meio de uma conta de rede social configurada em um dispositivo móvel.
Na primeira vez que um usuário faz login, o aplicativo de rede social é inicializado e pede permissão para autenticar o usuário. Depois disso, a autenticação é realizada automaticamente sem exigir que o usuário faça nada.
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 a autenticação via redes sociais.
- Crie sua compilação do projeto Unity para Android.
- Configure o aplicativo na conta de desenvolvedor para a rede social:
- Para 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 autenticação via Google, configure o projeto no Google API Console.
- Para autenticação via WeChat:
- Cadastre-se e crie um novo aplicativo.
- Envie o pedido para revisão.
- Para autenticação via QQ:
- Cadastre-se e crie um novo aplicativo.
- Envie o pedido para revisão.
- Para 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 ativo para o seu projeto Unity.
- Implemente a lógica de autenticação no lado do aplicativo.
Como criar uma compilação de um projeto Unity para Android
- Vá para seu projeto Unity.
- Clique em
File > Build settings no menu principal. - Clique em
Android no painelPlatform . - Clique em
Build .
Para obter mais configurações de autenticação nativa, você precisará das seguintes informações:
- Nome do pacote encontrado no campo
Package Name no painelInspector depois de selecionar a plataformaAndroid emFile > Build settings . - Nome da classe Android — o nome da classe da atividade principal, incluindo o espaço de nomes (namespace) do aplicativo (por exemplo,
com.domain.appname.activity
). O nome da classe pode ser encontrado emAndroidManifest.xml
. A tag da atividade principal deve conter uma tagintent-filter
com a açãoandroid.intent.action.MAIN
e a categoriaandroid.intent.category.LAUNCHER
. - Chave hash Android. Você pode obtê-la com o OpenSSL.
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 projeto Unity no campo Nome do Pacote Google Play.
- Especifique o nome da classe Android do seu projeto Unity no campo Class Name.
- Especifique a chave hash do Android do seu projeto Unity no campo Key Hashes.
- Clique em Save Changes.
Para obter mais configurações de autenticação nativa, você precisará do App ID e App Secret, encontrados nas configurações do projeto na seção Settings > Basic.
Configure o projeto no Google API Console
- Vá para o Google API Console.
- Clique em New Project.
- Especifique o Project name e Local, 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 Unity:
- Clique em Criar credenciais e selecione OAuth client ID.
- Especifique Android no campo Application type.
- Especifique o Name.
- Especifique o nome do pacote do seu projeto Unity no campo Package name.
- Especifique a chave hash do Android do seu projeto Unity 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 ativo para seu projeto Unity
- Vá para seu projeto Unity.
- Clique em
Window > Xsolla > Edit Settings no menu principal. - Especifique o ID do aplicativo:
- Especifique o App ID da conta de desenvolvedor do Facebook no campo
Facebook App ID . - Especifique o Client ID para um aplicativo web no Google API Console no campo
Google server ID . - Especifique o AppID do campo configurações do aplicativo WeChat no campo
WeChat App ID . - Especifique o AppID nas configurações do aplicativo QQ no campo
QQ App ID .
- Especifique o App ID da conta de desenvolvedor do Facebook no campo
Integre no lado do aplicativo
Para implementar a lógica de login social, chame o método SDK AuthViaSocialNetwork
e passe os seguintes parâmetros para o método:
SocialProvider
— o nome da rede socialonSuccess
— retorno de chamada de autenticação do usuário bem-sucedidaonCancelled
— retorno de chamada de cancelamento da autenticação pelo usuárioonError
— retorno de chamada de erro
Assets/Xsolla.Demo/Login/Scripts/Login/Auth/SocialAuth.cs
do 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.