process is not defined

[jefersonmmacedo]

Fiz todo o procedimento como na documentação e veio esse erro: process is not defined;

Qual deve ser o problema:?

Código:

// Step 2: Initialize the client object

const client = new MercadoPagoConfig({ accessToken: 'token', options: { timeout: 5000, idempotencyKey: 'abc' } });

// Step 3: Initialize the API object
const payment = new Payment(client);

// Step 4: Create the request object
const body = {
transaction_amount: 12.34,
description: 'Óculos XYZ',
payment_method_id: 'pix',
payer: {
email: '[email protected]'
},
};

// Step 5: Make the request
async function createPaymenteMercadoPago() {
await payment.create({ body }).then(console.log).catch(console.log);
}

//Botão de chamada da funcao

Efetuar pagamento

[lucmkz]

Bom dia @jefersonmmacedo, tudo bem?

Realizei aqui alguns testes usando exatamente o mesmo snippet que você trouxe, e obtive sucesso na criação do pagamento.

Vou pedir para você testar novamente, e se o erro persistir, que você agrege mais evidências do problema como snippets e retornos de erro completo, dessa forma podemos entender melhor.

Além disso, reparei que você está usando await junto do then e do catch, ambas as formas são corretas, mas elas fazem a mesma coisa, portanto não há a necessidade de utiliza-las juntas.
Acredito também que não seja esse o motivo do erro que você teve, por isso aguardo os snippets e erros completos para que possamos investigar melhor.

Obrigado.

[jefersonmmacedo]

[jefersonmmacedo]

Este é o erro que apresenta

[jefersonmmacedo]

[jefersonmmacedo]

[jefersonmmacedo]

Executei a instalação com o Yarn add.
Será que esse foi o erro?

[jefersonmmacedo]

Peço mil perdões a vocês.
EU que fiz coisa errada aqui.

Eu acabei testando o código no react, pq estava procurando algo pro front, e me confundi com os códigos análisados.
Perdão a todos rs

Só tenho umas dúvidas:

Como no front o cliente vê o código do QR code para ler, e coloca as infos do cartão?
Pra pagamento em crédito e débito?

é minha primeira api de pagamento na vida

[lucmkz]

Sem problemas, de fato a SDK de Node, e qualquer outra SDK deve ser executada exclusivamente no lado do servidor.
Temos SDKs de frontend também, inclusive de React.

Para realizar pagamentos com cartão, você deve antes tokenizar o cartão, e então enviar pelo backend o token do cartão.

Aqui deixo a documentação técinica de como gerar token de cartão utilizando nossa SDK de React.

Tendo o token em mãos, você deve enviar no body da criação do pagamento, junto com os outros dados
Aqui você pode ter mais informações de todos os campos que é possível ser enviado, inclusive o token.

Para pagamento com QR Code, no exemplo de pagamento com PIX, existem duas maneiras, primeiro a forma mais simples é apenas enviar a URL contida no campo tiket_url para o pagador, dessa forma o QR Code é exibido dentro de uma experiência Mercado Pago. No caso do exemplo que você passou é retornado essa experiência aqui:

Ou, se você quiser uma experiência mais exclusiva e totalmente customizada, você deve utilizar o campo qr_code_base64 para renderizar o QR Code dentro de seu site...

[jefersonmmacedo]

Só fiquei com uma dúvida agora.
Sendo mercado pago, achei que estaria tudo em português, a parte de cartão do react está em inglês.

Como traduzir?

[jefersonmmacedo]

Pra isso eu teria que usar cada componente separado?

[lucmkz]

o link que eu coloqueie está em português, pode ser que seu browser esteja traduzindo para inglês, da uma olhada no radapé da página.

Sobre os componentes separados se estiver dizendo os campos de cartão, sim, cada campo tem um componente.

[lucmkz]

Esse meio de comunicação voltado para suporte técinco.
Duvidas de integrações, e sobre o site de desevnolvedores, eu sugiro entrar em contato com o suporte.

Caso haja algum outro problema relacionado à SDK, por favor, fique a vontade para abrir novas discussões.