Pular para o conteúdo principal
Este tutorial foi criado para orientar você na autenticação do PlayFab usando Facebook e HTML5/JavaScript.

Requisitos

Se não tiver certeza de que atende aos requisitos necessários para esta atividade, consulte o tutorial Executar um servidor HTTP para testes.

Servidor e domínio

Como parte dos requisitos para configurar a autenticação do PlayFab, você deve ter um servidor com um domínio válido. Se ainda não tiver um domínio registrado e um servidor Web remoto, siga nosso tutorial Executar um servidor HTTP para testes para executar um servidor Web local com um nome de domínio válido. Ao longo deste guia, presumiremos que seu domínio é ['http://playfab.example'](http://playfab.example).

Registrar um aplicativo do Facebook

Comece navegando até o Portal do Desenvolvedor do Facebook.
  1. Selecione o botão My Apps.
Facebook: adicionar um novo aplicativo
  1. Selecione Create App para criar um novo aplicativo.
Facebook: criar um novo aplicativo Uma nova janela pop-up de Application é aberta.
  1. Insira um nome para seu Application no campo em Add an app name.
  2. Insira um endereço de email de contato no campo em App contact email.
  3. Selecione o botão Create app para salvar.
Certifique-se de criar seu próprio nome de aplicativo exclusivo e email, conforme mostrado no exemplo fornecido abaixo.
Facebook: nova ID do aplicativo
  1. Navegue até a guia Settings.
  2. Selecione a subguia Basic.
  3. Localize seu App ID.
Copie seu App ID para um local seguro; ele será usado mais tarde para configurar o Facebook SDK.
Facebook: salvar a ID do aplicativo
  1. Vá até o menu à esquerda da tela e selecione o item Products.
  2. Localize Configure na área Facebook Login e selecione Settings no menu suspenso.
Facebook Login: introdução A página deve ser aberta exibindo o exemplo mostrado abaixo.
  1. Verifique se Client OAuth e Web OAuth estão ativados (marcados como Yes).
  2. Defina Valid OAuth redirect URIs como o URI da sua própria página de autenticação.
No seu caso, será playfab.example.
Configurações do produto Facebook Login Na tela Client OAuth Settings:
  1. Verifique se Login with the JavaScript SDK está ativado (marcado como Yes)
  2. Defina Valid OAuth redirect URIs como o URI da sua própria página de autenticação.
No seu caso, será playfab.example.
  1. Selecione Save Changes para confirmar.
Facebook: definir o URI de redirecionamento OAuth Na página Application Manager:
  • Abra Settings/Basic (1) no menu.
  • Selecione o botão Add Platform (2).
Facebook Application Manager: Add Platform Uma janela pop-up é exibida na tela:
  1. Selecione o ícone Website.
  2. Em seguida, selecione Next.
Opções de site em Select Platform do Facebook O painel de configuração Website deve aparecer agora.
  1. No campo Site URL, insira a URL da sua página de autenticação (no seu caso, playfab.example).
  2. Selecione Save changes para confirmar.
Painel de configuração de site do Facebook

Testes

Use o arquivo HTML a seguir para testar a autenticação do PlayFab usando o Facebook.
Certifique-se de substituir YOUR-APPLICATION-ID e YOUR-PLAYFAB-TITLE pelos seus próprios valores.
Solicite o arquivo a seguir do seu servidor usando o domínio que você configurou durante a configuração do Facebook Application (playfab.example no nosso caso).
  1. Quando a página Facebook Auth Example abrir, selecione o botão Log In with Facebook.
  2. Siga as instruções do Facebook na janela pop-up.
Observe a saída. Exemplo de autenticação do Facebook Você obterá um tíquete de sessão do PlayFab. Neste ponto, você configurou com êxito a autenticação do PlayFab e do Facebook usando HTML5 e JavaScript.
Última modificação em 6 de outubro de 2026