Vendas Online via API com PayPal - #7 Formulário de Checkout

Nesse tutorial vamos trazer o checkout do PayPal exibindo para o usuário os campos de preenchimento do cartão de crédito.

Ecommerce com PayPal

class/ClassPayment.php

Vamos return a fatura no método invoice da classe de pagamento:

//Invoice
public function invoice($data)
{
    $this->getToken();
    $this->url=URL.'v1/payments/payment';
    $this->post=$data;
    return json_encode($this->curls('invoice'));
}

controllers/ControllerInvoice.php

No controller da fatura vamos dar um echo para returnar os dados da compra para uso no javascript:

echo $objPayment->invoice($data);

assets/js/javascript.js

Através do javascript vamos usar o ajax para enviar a fatura e receber o checkout:

(function(win,doc){
    'use strict';

    let ppp;
    let payment_id;
    let mode='sandbox';

    //Caminho absoluto do nosso projeto
    function getRoot()
    {
        return win.location.protocol+"//"+doc.location.hostname+"/";
    }

    //Retornar o checkout
    async function getCheckout()
    {
        let response=await fetch(getRoot()+'controllers/ControllerInvoice.php',{
            method:'POST',
            headers:{
                Accept:'application/json',
                'Content-Type':'application/json'
            }
        });
        let json=await response.json();
        let ppp =await PAYPAL.apps.PPP({
            "approvalUrl": json.links[1].href,
            "placeholder": "ppplus",
            "mode": mode,
            "payerEmail":"webdesignemfoco@gmail.com",
            "payerFirstName":"Thiago",
            "payerLastName":"Romerson",
            "payerTaxId":"35581050600",
            "language":"pt_BR",
            "country":"BR"
        });
    }
    getCheckout();

})(window,document);

checkout.php

Vamos incluir o script do PayPal ao fim do arquivo e a div ppplus no main do noss html:

<main class="checkout">
    <div id="ppplus"></div>
</main>

<script src="https://www.paypalobjects.com/webstatic/ppplusdcc/ppplusdcc.min.js" type="text/javascript"></script>
<script src="assets/js/javascript.js"></script>

Por hoje é só! Sucesso nos códigos e na vida!

Precisando de aulas particulares? webdesignemfoco@gmail.com