LeonaPayVisão geral do LeonaPay Card Elements
Monte campos seguros de cartão na sua interface sem enviar número, validade ou CVV ao seu servidor.
Seu layout, campos sensíveis isolados
O LeonaPay Card Elements permite que sua aplicação controle textos, espaçamento, botão e responsividade. Número, validade e CVV permanecem dentro dos campos seguros montados pelo SDK.
Siga a sequência recomendada
O backend cria uma transação de cartão e recebe um clientSecret temporário. O frontend usa o mesmo segredo para criar uma coleção e montar cardNumber, cardExpiry e cardCvc antes de confirmar o pagamento.
- Carregue o SDK LeonaPay pela origem documentada.
- Crie OnpayCard.elements com o clientSecret daquela transação.
- Monte os três campos seguros na sua interface.
- Chame confirmCardPayment com a mesma coleção e trate o 3DS quando solicitado.
- Mostre processamento e confirme o resultado pelo backend, webhook ou consulta.
Proteja chaves e resultados
A chave de API LeonaPay fica somente no backend. O navegador recebe apenas a credencial temporária daquela sessão; o retorno do navegador não substitui o status oficial.
Não registre clientSecret, PAN, validade ou CVV. Se sua página usa CSP restritiva, aplique apenas as origens técnicas publicadas na documentação atual.
Precisa de ajuda com o seu caso?
Se a orientação não resolveu, fale com o suporte. Não envie senhas, códigos de acesso ou chaves de API.
Entrar em contato