> ## Documentation Index
> Fetch the complete documentation index at: https://docs.replit.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Adicione login

> Deixe os jogadores entrarem no PixelGames usando o Clerk.

export const AiPrompt = ({children}) => {
  return <CodeBlock className="relative block font-sans whitespace-pre-wrap break-words">
      <div className="pr-7">
        {children}
      </div>
    </CodeBlock>;
};

export const loginPrompt = "Adicione login ao PixelGames usando o Clerk. Qualquer pessoa ainda pode jogar sem uma conta, o login é apenas para jogadores que querem ter uma.";
export const appleSignInPrompt = "Adicione Sign in with Apple ao PixelGames, mas mostre apenas no iOS. Mantenha a versão Android com apenas e-mail e Google.";

Adicione login ao PixelGames agora, mesmo antes de haver algo para salvar. Depois que um
jogador tiver uma conta, você pode vincular coisas a ela depois: recordes, jogos desbloqueados,
qualquer coisa que você construir a seguir.

Use o [Clerk Auth](/pt/features/auth-and-identity/clerk-auth), a integração nativa do Replit
para login. O Agent o provisiona automaticamente e dá ao PixelGames sua própria tela de login
com marca própria.

<AiPrompt>
  {loginPrompt}
</AiPrompt>

<Frame caption="Tela de login com Clerk do PixelGames, e-mail ou Google.">
  <img src="https://mintcdn.com/replit/WuaQIOfW5oxRlxex/images/pixelgames/mobile/mobile-signin.png?fit=max&auto=format&n=WuaQIOfW5oxRlxex&q=85&s=f8e1a438d8295ae53f75638579f5b5e9" alt="Modal de login do PixelGames com Continuar com e-mail e Continuar com Google" data-path="images/pixelgames/mobile/mobile-signin.png" width="1516" height="1018" data-path="images/pixelgames/mobile/mobile-signin.png" />
</Frame>

## Adicione Sign in with Apple

A revisão da App Store da Apple exige oferecer **Sign in with Apple** como equivalente sempre
que outro login social, como o Google, estiver disponível, mas apenas no iOS. O Android não
tem essa exigência.

<AiPrompt>
  {appleSignInPrompt}
</AiPrompt>

<Frame caption="Sign in with Apple adicionado junto com e-mail e Google, somente iOS.">
  <img src="https://mintcdn.com/replit/WuaQIOfW5oxRlxex/images/pixelgames/mobile/apple-mobile-signin.png?fit=max&auto=format&n=WuaQIOfW5oxRlxex&q=85&s=4e16862df7d8a1e2aa2454cc5d43793d" alt="Modal de login do PixelGames com Continuar com Apple adicionado acima de Continuar com Google" data-path="images/pixelgames/mobile/apple-mobile-signin.png" width="1516" height="1018" data-path="images/pixelgames/mobile/apple-mobile-signin.png" />
</Frame>

## Ative os provedores

Adicionar um provedor no código não é suficiente, cada um também precisa ser ativado nas
configurações de autenticação do seu app. Abra **Users & Auth → Configure → SSO providers →
Production** e confirme que **Google** e **Apple** aparecem como Enabled.

<Frame caption="Google e Apple habilitados em SSO providers no ambiente Production.">
  <img src="https://mintcdn.com/replit/wpDFPJulnZRpqmW6/images/pixelgames/mobile/sso-provider.png?fit=max&auto=format&n=wpDFPJulnZRpqmW6&q=85&s=815934835068ed80b4654da147285d29" alt="Painel Users and Auth do Replit mostrando SSO providers com Google e Apple habilitados" data-path="images/pixelgames/mobile/sso-provider.png" width="1266" height="502" data-path="images/pixelgames/mobile/sso-provider.png" />
</Frame>

<Note>
  **Development** e **Production** têm listas de provedores separadas. Habilitar um não
  habilita o outro, então confira Production antes de publicar.
</Note>

## Teste

Uma conta não é suficiente, você precisa de duas para provar que o PixelGames diferencia os
jogadores.

1. Jogue uma partida sem entrar, o PixelGames deve continuar funcionando.
2. Entre com sua própria conta.
3. Saia e entre com uma conta diferente, confirmando que você está em uma sessão separada, não
   na primeira conta.
4. Entre de volta na primeira conta e confirme que você volta para ela.
5. No iOS, confirme que **Continuar com Apple** aparece acima do Google. No Android, confirme
   que ele não aparece de forma alguma.

## O que vem a seguir

<CardGroup cols={2}>
  <Card title="Armazenar imagens no seu app mobile" icon="image" href="/pt/build/mobile-store-images">
    Salve fotos de perfil depois que os jogadores entrarem.
  </Card>

  <Card title="Adicionar recursos nativos do dispositivo" icon="camera" href="/pt/build/mobile-camera">
    Adicione mais recursos ao PixelGames.
  </Card>
</CardGroup>

## Relacionado

* [Armazenar imagens no seu app mobile](/pt/build/mobile-store-images)
* [Adicionar compras no app](/pt/build/mobile-payments)
* [Configurar provedores de login](/pt/features/auth-and-identity/sign-in-providers)
