Integração de pagamento Pix, Boleto e Cartão com Laravel e Vite: Pagamento com Cartão e Pix (Parte 6)

Neste tutorial, vamos aprender a integrar pagamentos Pix, boleto e cartão de crédito usando Laravel e Vite. Para isso, iremos utilizar a biblioteca de pagamentos da PagSeguro para realizar as transações.

Requisitos:

• Laravel instalado e configurado;
• Vite instalado e configurado;
• Conta no PagSeguro para obter as chaves de API;
• Conhecimento básico em HTML, PHP e JavaScript.

Passo 1: Instalar o PagSeguro SDK

Para começar, você precisa instalar o PagSeguro SDK em seu projeto Laravel. Para isso, abra o terminal e execute o seguinte comando:

composer require pagseguro/pagseguro-php-sdk

Passo 2: Criar chaves de API no PagSeguro

Agora, é necessário criar chaves de API no PagSeguro para poder realizar as transações de pagamento. Para isso, faça login em sua conta PagSeguro, acesse as configurações de integração e crie uma aplicação para obter as chaves de API.

Passo 3: Configurar o arquivo .env

No arquivo .env do seu projeto Laravel, adicione as chaves de API geradas no Passo 2, da seguinte forma:

PAGSEGURO_EMAIL=sua@email.com
PAGSEGURO_TOKEN=seu_token
PAGSEGURO_SANDBOX=false

Passo 4: Criar as rotas no Laravel

Agora, crie as rotas necessárias em seu arquivo routes/web.php para processar as transações de pagamento. Por exemplo:

Route::post('/pagamento/pix', [PagamentoController::class, 'pagamentoPix']);
Route::post('/pagamento/boleto', [PagamentoController::class, 'pagamentoBoleto']);
Route::post('/pagamento/cartao', [PagamentoController::class, 'pagamentoCartao']);

Passo 5: Criar o controlador PagamentoController

Agora, crie o controlador PagamentoController em seu projeto Laravel e implemente os métodos pagamentoPix, pagamentoBoleto e pagamentoCartao para processar as transações de pagamento usando o PagSeguro SDK.

Passo 6: Criar a interface do usuário

Finalmente, crie a interface do usuário em HTML para realizar as transações de pagamento. Você pode utilizar formulários para capturar os dados do cliente e os detalhes do pagamento.

<form action="/pagamento/pix" method="post">
    <!-- Campos para dados do cliente e detalhes do pagamento -->
    <button type="submit">Pagar com Pix</button>
</form>

<form action="/pagamento/boleto" method="post">
    <!-- Campos para dados do cliente e detalhes do pagamento -->
    <button type="submit">Gerar Boleto</button>
</form>

<form action="/pagamento/cartao" method="post">
    <!-- Campos para dados do cliente e detalhes do pagamento -->
    <button type="submit">Pagar com Cartão de Crédito</button>
</form>

Com isso, você integrou com sucesso pagamentos Pix, boleto e cartão de crédito usando Laravel, Vite e o PagSeguro SDK. Lembre-se de testar as transações em ambiente de desenvolvimento antes de colocar em produção. Espero que este tutorial seja útil para você!