Home
Button Mobile Webdesign em Foco
Newsletter Webdesign em Foco
Support Webdesign em Foco
Contribuition Webdesign em Foco
Doe para a Webdesign em Foco
Suporte da Webdesign em Foco
Fechar

Checkout Transparente Pagseguro em PHP, JS e Python - #09 Pagamento com Pix com Javascript

13/04/2023

Nesse tutorial aprenderemos como fazer a utilização do pix via API do Pagseguro diretamente do seu site.

Pix Pagseguro via Javascript

O código para fazer a requisição do pix é a seguinte:

import express from 'express';
import fetch from 'node-fetch';
import cors from 'cors';
const app = express();
app.use(cors());

app.get('/PixController',async function(req,res){
    let reqs = await fetch('https://sandbox.api.pagseguro.com/orders',{
        method: 'post',
        headers:{
            'Content-Type':'application/json',
            'Authorization':'SEU_TOKEN'
        },
        body: JSON.stringify({
            "reference_id": "ex-00001",
            "customer": {
                "name": "Jose da Silva",
                "email": "email@test.com",
                "tax_id": "12345678909",
                "phones": [
                    {
                        "country": "55",
                        "area": "11",
                        "number": "999999999",
                        "type": "MOBILE"
                    }
                ]
            },
            "items": [
                {
                    "name": "nome do item",
                    "quantity": 1,
                    "unit_amount": 500
                }
            ],
            "qr_codes": [
                {
                    "amount": {
                        "value": 500
                    },
                    "expiration_date": "2023-05-29T20:15:59-03:00",
                }
            ],
            "shipping": {
                "address": {
                    "street": "Avenida Brigadeiro Faria Lima",
                    "number": "1384",
                    "complement": "apto 12",
                    "locality": "Pinheiros",
                    "city": "São Paulo",
                    "region_code": "SP",
                    "country": "BRA",
                    "postal_code": "01452002"
                }
            },
            "notification_urls": [
                "https://meusite.com/notificacoes"
            ]
        })
    });
    let ress = await reqs.json();
    res.redirect(ress.qr_codes[0].links[0].href);
});

app.listen(3000,function(req,res){
    console.log('Servidor rodando!');
});

Para inicializar o servidor local, rodamos:

cd c:/javascript
nodemon app.js

Para acessar entraremos na url: http://localhost:3000/PixController

Caso não tenha assistido as últimas aulas, dê uma revisada para verificar a instalação dos módulos.

Por hoje é só! Fiquem todos com Deus! Sucesso nos códigos e na vida!

Precisa de um professor? webdesignemfoco@gmail.com

Receba as aulas da Webdesign em Foco em Seu Email
Suporte Webdesign em Foco

Posts Relacionados

Checkout Transparente Pagseguro em PHP, JS e Python - #08 Pagamento com Boleto com Javascript
Na aula de hoje aprenderemos como realizar a integração com o PagueSeguro emitindo boletos através do checkout transparente da plataforma.
Saiba mais!
Checkout Transparente Pagseguro em PHP, JS e Python - #10 Requisitos Python
Nesta aula iniciaremos a integração do ecommerce com Pagseguro utilizando como linguagem backend o Python.
Saiba mais!
Pagseguro
Nesse curso será abordado a temática de vendas online com pagseguro através do redirecionamento, lightbox e checkout transparente.
Saiba mais!