Alguem sabe como ultilizar o payment-token-efi no ReactJs???
Termos mais procurados:
Histórico de mensagens sobre payment_token react js
PROCURE NO HISTÓRICO
CANAIS DE TEXTO
DISCUSSÕES
- Conceito de Payload Locations no PIX
- Autenticação com Certificado em NextJS
- Acionamento de Webhooks em Pagamentos e Devoluções
- Especificação da URL do Webhook no Exemplo Pix
- Consulta de Chave PIX na API de Envio
- Cobrança em Período de Teste Grátis de 7 dias
- Inserção automática do formato do Pix copia e cola pelo WhatsApp
- Configuração de URLs para Recebimento de Status
- Recebimento de Pagamentos via QR Code e Arduino
- Implementação da SDK do Pix em Next.js ou React
- Implementação do Módulo Gerencianet no Perfex CRM
- Repetição do Processo de Criação com txid
- Tempo Médio de Análise de Documentos na Abertura de Conta
- Problemas com Token em Ambiente de Homologação
- Integrações com o Laravel e SDK de PHP da EFI
- Funcionamento do Webhook em Ambiente de Homologação
- Teste de Status de Pagamento em Ambiente de Homologação
- Geração de Link de Pagamento e Reembolso
- Resolução de Delay nas Chamadas de Geração de QR Code e Pix em Node
- Cancelamento de Boleto e Remoção do DDA
- Retenção de Pagamento no PIX em Marketplace
- Implementação de método em C# para cálculo de CRC16
- Integração de Pix no Bubble (Plataforma No-Code)
- Possibilidade de Split na API de Pix
- Interpretação do Campo 'Solicitação ao Pagador' no Webhook GN
EXIBINDO CONVERSAS RECENTES:
Texto: payment_token react js
Estou precisando um suporte para geracao do payment-token
utilizando ReactJs...
Boa noite estou implementando os métodos de pagamentos da efí, mas pra fazer a cobrança no cartão tem que ter o payment_token que não é mais capturado pelo back-end, o meu front-end é implementado com reactJs e TypeScrit ainda não consegui fazer essa implementação,a biblioteca sugerida na documentação simplesmente não possui tipagem para typescript, alguém passou por esse problema?
Olá bom dia
A biblioteca "payment-token-efi" usada para
-identificar a bandeira do cartão
-busca informações de parcelamento
-gera o token de pagamento (payment_token) e a máscara do cartão (card_mask)
possui suporte para typescript para ser usada no front-end com ReactJs?
Bom dia @jamersonbernardo, tudo bem?
Você pode utilizar o seguinte exemplo para gerar o payment token com React.
Exemplo alternativo para gerar payment_token react:
js
"use client"
import { useEffect, useState } from 'react';
const App = () => {
const [message, setMessage] = useState('Hello React!');
useEffect(() => {
const script = document.createElement('script');
script.type = 'module';
script.src = 'https://cdn.jsdelivr.net/gh/efipay/js-payment-token-efi/dist/payment-token-efi.min.js';
script.onload = runEfiJsCode;
document.head.appendChild(script);
}, []);
const runEfiJsCode = async () => {
try {
EfiJs.CreditCard
.debugger(false)
.setAccount('')
.setEnvironment('') // 'production' or 'sandbox'
.setCreditCardData({
brand: '',
number: '',
cvv: '',
expirationMonth: '05',
expirationYear: '2029',
reuse: false
})
.getPaymentToken()
.then(data => {
const payment_token = data.payment_token;
const card_mask = data.card_mask;
setMessage(Payment_token: ${payment_token} | Card_mask: ${card_mask})
console.log('payment_token', payment_token);
console.log('card_mask', card_mask);
})
.catch(err => {
console.log('Código: ', err.code);
console.log('Nome: ', err.error);
console.log('Mensagem: ', err.error_description);
});
} catch (error) {
console.log('Código: ', error.code);
console.log('Nome: ', error.error);
console.log('Mensagem: ', error.error_description);
}
};
return (
{message}
);
};
export default function Home() {
return (
);
}
"use client"
import { useEffect, useState } from 'react';
const App = () => {
const [message, setMessage] = useState('Hello React!');
useEffect(() => {
const script = document.createElement('script');
script.type = 'module';
script.src = 'https://cdn.jsdelivr.net/gh/efipay/js-payment-token-efi/dist/payment-token-efi.min.js';
script.onload = runEfiJsCode;
document.head.appendChild(script);
}, []);
const runEfiJsCode = async () => {
try {
EfiJs.CreditCard
.debugger(false)
.setAccount('')
.setEnvironment('') // 'production' or 'sandbox'
.setCreditCardData({
brand: '',
number: '',
cvv: '',
expirationMonth: '05',
expirationYear: '2029',
reuse: false
})
.getPaymentToken()
.then(data => {
const payment_token = data.payment_token;
const card_mask = data.card_mask;
setMessage(Payment_token: ${payment_token} | Card_mask: ${card_mask})
console.log('payment_token', payment_token);
console.log('card_mask', card_mask);
})
.catch(err => {
console.log('Código: ', err.code);
console.log('Nome: ', err.error);
console.log('Mensagem: ', err.error_description);
});
} catch (error) {
console.log('Código: ', error.code);
console.log('Nome: ', error.error);
console.log('Mensagem: ', error.error_description);
}
};
return (
{message}
);
};
export default function Home() {
return (
);
}
ola bom dia eu estou tentendo fazer a requisção do payment_token,e não esta dando certo, meu sistema esta em reactjs
eu presiso obter o Obtendo um "payment_token" alguem ja consiguiu fazer isso, eu estou tentado fazer no reactjs mas não estou conseguindo, e o exemplo que ten na documentoção não esta dando certo
boa noite pessoal, alguem poderia me ajudar a conseguir o payment_token? Estou utilizando reactjs
boa noite pessoal, alguem poderia me ajudar a conseguir o payment_token? Estou utilizando reactjs
Alguem consegue gerar o payment_token no reactjs?
como que eu faria para gerar o payment_token com react js no front?
@Efí É possível gerar o payment token no react-native a partir da SDK do NodeJS?