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

Vendas com Pagseguro - #6 Checkout Transparente I

09/06/2018

Nessa aula iniciaremos nosso desenvolvimento do checkout transparente do PagSeguro da UOL. Primeiramente acesse a documentação do checkout transparente para ter mais detalhes do desenvolvimento clicando aqui.

Pegando a Session ID do PagueSeguro

O primeiro passo no desenvolvimento é obter uma sessão de pagamento. Para isso, faremos uma chamada a API do PagueSeguro e teremos como retorno um ID. Com esse ID setaremos o parâmetro do método PagSeguroDirectPayment.setSessionId().

Primeiramente linkaremos o javascript do PagSeguro em nossa index:

<script type="text/javascript" src= "https://stc.sandbox.pagseguro.uol.com.br/pagseguro/api/v2/checkout/pagseguro.directpayment.js"<</script<

Para facilitar nossas configurações vamos criar um arquivo Config.php e inserir nele os dados de email e token:

define("EMAIL_PAGSEGURO","thsites@yahoo.com.br");
define("TOKEN_PAGSEGURO","SEU TOKEN DE PRODUÃ?Ã?O");
define("TOKEN_SANDBOX","SEU TOKEN DO SANDBOX");

Utilizaremos no backend a chamada cURL passando os parâmetros de email e token de vendedor do PagueSeguro da UOL:

include("../config/Config.php");

$Url="https://ws.sandbox.pagseguro.uol.com.br/v2/sessions?email=".EMAIL_PAGSEGURO."&token=".TOKEN_SANDBOX."";
$Curl=curl_init($Url);
curl_setopt($Curl,CURLOPT_HTTPHEADER,array("Content-Type: application/x-www-form-urlencoded; charset=UTF-8"));
curl_setopt($Curl,CURLOPT_POST,1);
curl_setopt($Curl,CURLOPT_SSL_VERIFYPEER,false);
curl_setopt($Curl,CURLOPT_RETURNTRANSFER,true);
$Retorno=curl_exec($Curl);
curl_close($Curl);

$Xml=simplexml_load_string($Retorno);
echo json_encode($Xml);

Repare que no código acima damos um retorno em json que será pego abaixo pelo javascript.

No javascript criaremos uma função iniciarSessao() em que setaremos nosso ID na plataforma do PagueSeguro:

// Iniciar a seção de pagamento
function iniciarSessao()
{
    $.ajax({
       url: Root+"Controllers/ControllerId.php",
        type: 'POST',
        dataType: 'json',
        success:function(data){
            PagSeguroDirectPayment.setSessionId(data.id);
        }
    });
}
iniciarSessao();

Na próxima aula iniciamos a pegar os métodos de pagamento.

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

Posts Relacionados

Vendas com Pagseguro - #5 Pagamento por lightbox
Nesse tutorial faremos o pagamento dinâmico no Pagseguro através da janela lightbox. Para isso utilizaremos a função javascript PagSeguroLightbox.
Saiba mais!
Vendas com Pagseguro - #7 Checkout Transparente II
Nessa aula vamos aprender como listar dinâmicamente as formas de pagamento disponibilizadas pela plataforma do PagSeguro.
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!