Headless SDK (registro)

O Headless SDK oferece controle total sobre a experiência do usuário e a interface do usuário do checkout, permitindo o registro de cartões sem exigir conformidade com PCI.

Fluxo de trabalho de registro

O diagrama abaixo ilustra o fluxo de trabalho completo de registro. Cada etapa é explicada em detalhes nas seções a seguir. Para obter detalhes de implementação específicos da plataforma, consulte o guia correspondente:

Fluxo de registro sem cabeça do SDK

Este diagrama ilustra o processo de inscrição sem interface usando o SDK, detalhando as interações entre o Cliente comerciante, Servidor do comerciante, o Yuno Server e o Yuno SDK. Ele descreve as etapas para adicionar e inscrever um método de pagamento, desde a interação do usuário até o recebimento dos resultados da inscrição.

Cliente comerciante

O Cliente comerciante sua aplicação front-end que lida com a interface do usuário e o fluxo de inscrição. Suas principais responsabilidades incluem:

• Adicionar método de pagamento
• Exibir métodos de pagamento para inscrição
• O usuário seleciona o método de pagamento para se inscrever
• Iniciar o registro
• Iniciar o SDK para continuar o registro

Servidor do comerciante

O Servidor do comerciante representa seu aplicativo de back-end que coordena entre seu front-end e os serviços da Yuno. Suas principais responsabilidades incluem:

• Criar cliente
• Criar sessão do cliente
• Solicite os métodos de pagamento disponíveis para se inscrever
• Criar registro
• Receber o resultado do registro via webhook

Servidor da Yuno

O Yuno Server lida com todas as operações de back-end relacionadas ao gerenciamento de clientes, sessões de registro e processamento de métodos de pagamento. Suas principais responsabilidades incluem:

• Cria clientes
• Cria a sessão do cliente
• Devolve o método de pagamento disponível
• Cria o registro no provedor de pagamento
• Receber resultados de registro do provedor de pagamento

Yuno SDK

O Yuno SDK gerencia o fluxo de registro no lado do cliente, lidando com as interações do usuário e a conclusão do registro. Suas principais responsabilidades incluem:

• Continuar o fluxo de inscrições
• Mostra telas para o usuário concluir o registro
• Exibir o resultado do registro (opcional)

Fluxo completo

As etapas a seguir descrevem o fluxo de interação completo entre todos os componentes da integração do SDK Headless Enrollment, detalhando como cada solicitação e resposta passa pelo sistema:

1. Servidor do comerciante: Criar cliente --> Servidor Yuno: Cria cliente
2. Cliente comerciante: Adicionar método de pagamento --> Servidor do comerciante: Criar sessão do cliente
3. Servidor do comerciante: Criar sessão do cliente --> Servidor Yuno: Cria sessão do cliente
4. Cliente comerciante: Exibir métodos de pagamento para inscrição --> Servidor do comerciante: Solicitar métodos de pagamento disponíveis para inscrição
5. Servidor do comerciante: Solicita métodos de pagamento disponíveis para inscrição --> Servidor Yuno: Retorna o método de pagamento disponível
6. Cliente comerciante: Exibir métodos de pagamento para se inscrever --> Cliente comerciante: O usuário seleciona o método de pagamento para se inscrever
7. Cliente comerciante: O usuário seleciona o método de pagamento para se inscrever --> Cliente comerciante: Iniciar inscrição
8. Cliente comerciante: Iniciar inscrição --> Servidor do comerciante: Criar inscrição
9. Servidor do comerciante: Criar inscrição --> Servidor Yuno: Cria inscrição no provedor de pagamentos
10. Cliente comerciante: Inicie o SDK para continuar a inscrição --> Yuno SDK: Continue o fluxo de inscrição
11. Yuno SDK: Continuar o fluxo de registro --> Yuno SDK: Mostra telas para o usuário concluir o registro
12. Servidor do comerciante: Receber o resultado da inscrição via webhook --> Servidor Yuno: Receber os resultados da inscrição do provedor de pagamentos
13. Servidor Yuno: Receber resultados de registro do provedor de pagamento --> Yuno SDK: Exibir o resultado do registro (opcional)