Histórico de mensagens sobre react js

EXIBINDO CONVERSAS RECENTES:

Texto: react js
# cartões
Avatar discord do usuario secretisociais

secretisociais

Ver Respostas

Não, typescript é uma extensão que adiciona tipos estáticos pra Javascript. Eu utilizo ele em conjunto com o React "ReactJS" e o arquivo js-payment-token-efi precisaria de um arquivo @types pra funcionar corretamente. Geralmente quando vc faz o comando npm install nome_da_biblioteca algumas delas dá a opção de instalar também o arquivo tipado ex: npm install --save-dev @types/payment-token-efi

# cartões
Avatar discord do usuario rubenskuhl

rubenskuhl

Ver Respostas

Mas Typescript é de back-end, não ? O seu caso seria usar ReactJS e a bibliotec JS...

# cartões
Avatar discord do usuario marcosvinicius0759

marcosvinicius0759

reactjs ?

# devs
Avatar discord do usuario dinhoafsn.

dinhoafsn.

Se ajudar mais alguém aí, a solução para fazer requisições do frontend Vue Js ou React em localhost e fazer as requições sem ser bloqueado pelo CORS é fazer proxy das solicitações:

exemplo criando o proxy para geração de token para cobrança

VUE JS / VITE / QUASAR

devServer: {
https: false,
open: true, // opens browser window automatically
// with RegEx
proxy: {
'/auth': {
target: 'https://cobrancas-h.api.efipay.com.br/v1/authorize',
changeOrigin: true,
rewrite: (path) => path.replace(/^\/auth/, '')
}
},
cors: false
},

REACT:

const { createProxyMiddleware } = require('http-proxy-middleware');

module.exports = function(app) {
app.use(
'/auth',
createProxyMiddleware({
target: ''https://cobrancas-h.api.efipay.com.br/v1/authorize',
changeOrigin: true,
})
);
};

# devs
Avatar discord do usuario nalberth

nalberth

Ver Respostas

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?

# pagamento-contas
Avatar discord do usuario nalberth

nalberth

Ver Respostas

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?

# cartões
Avatar discord do usuario joaolucas_efi

joaolucas_efi

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 (



);
}

# cartões
Avatar discord do usuario kelvynreis

kelvynreis

boa tarde, alguem ja integrou a api de pagamento do cartao utilizando reactjs?

# freelancer
Avatar discord do usuario glauber7911

glauber7911

Estou a procura de vagas, oportunidades ou experiência no ramo de desenvolvimento. Me considero um desenvolvedor júnior FullStack. Vivências na linguagens e framework/Lib Node.JS é React.JS, banco de dados PostgreSQL e firebase, vivência com gitHub e gitLab.

# dúvidas
Avatar discord do usuario rubenskuhl

rubenskuhl

Ver Respostas

ReactJS como bridge ?

# dúvidas
Avatar discord do usuario rodrigogaraujo

rodrigogaraujo

react native !== do jsdom

# cartões
Avatar discord do usuario rubenskuhl

rubenskuhl

Ver Respostas

Eu só uso API Pix, mas no SDK NodeJS da Efí tem exemplo com NodeJS. No front-end você vai precisar de ReactJS, não tem componente de cartão da Efí para React Native.

# cartões
Avatar discord do usuario asc777.

asc777.

Como adaptar esse código para React Native - JSX?

# cartões
Avatar discord do usuario _alexandrehenrique

_alexandrehenrique

Ver Respostas

ola bom dia eu estou tentendo fazer a requisção do payment_token,e não esta dando certo, meu sistema esta em reactjs

# cartões
Avatar discord do usuario _alexandrehenrique

_alexandrehenrique

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

# freelancer
Avatar discord do usuario sl1taz

sl1taz

Ver Respostas

Disponível para serviços freelancer
JavaScript/TypeScript - NodeJS - React/React Native - NextJS - PHP/Laravel - Mysql - MongoDB - AWS - DigitalOcean - Docker

Especializado em desenvolvimento Web3. Blockchain Publica e Privada

# devs
Avatar discord do usuario rubenskuhl

rubenskuhl

Ver Respostas

ReactJS só usar o JS mesmo. React Native enrosca mesmo.

# devs
Avatar discord do usuario gusttavo13

gusttavo13

Minha solução foi enviar os dados já encriptados do ReactJS pra api do sistema (NodeJS) e a API criar o payment_token

# devs
Avatar discord do usuario gusttavo13

gusttavo13

Ver Respostas

O que mais me impediu foi a criptografia que era usada x biblioteca e no ReactJS e no NodeJS essa biblioteca tava com problemas

# freelancer
Avatar discord do usuario daniloms6880

daniloms6880

Ver Respostas

Sou desenvolvedor em delphi, nodejs, python, reactjs se alguem precisar de um freelancer, pode me chamar no privado.