.NET

28 mar, 2013

ASP .NET MVC – Fazendo a integração com o PayPal

Publicidade

Neste artigo, eu vou mostrar como podemos realizar a integração do componente PayPal com uma aplicação ASP .NET MVC, permitindo assim que sua aplicação aceite pagamentos via PayPal.

Obs: Você pode fazer a integração usando o PayPal na loja virtual criada com o WebMatrix no curso : WebMatrix – Criando uma Loja Virtual (Curso).

O PayPal é a maneira simples e segura de pagar suas compras na Internet, no celular, no tablet ou onde você estiver. Com PayPal, seus dados financeiros (como os números de cartão de crédito e conta bancária) não são compartilhados com os vendedores e apenas você tem acesso à sua conta do PayPal.

O Helper suporta tanto a API PayPal Button Manager, quanto a API Adaptive Payments. Utilizando a primeira, você será capaz de criar (e gerenciar) botões PayPal, como Adicionar ao Carrinho ou Comprar, que permitirá que seus clientes comprem itens únicos ou múltiplos. Com a segunda API, você pode processar transações em seu web site. Dessa forma, usando o Helper, você pode construir aplicativos na web que tratem os pagamentos a serem feitos.Para isso eu vou usar o Helper PayPal que permite integrar pagamentos PayPal dentro do seu site ASP .NET, WebMatrix ou aplicação e-commerce. Com algumas linhas de código, você vai permitir que os seus clientes façam o pagamento de suas compras com suas contas do PayPal.

Como exemplo, eu vou criar uma aplicação ASP .NET MVC 4 usando o Visual Studio Express 2012 for Web.

Abra o Visual Studio Express 2012 for Web e no menu File clique em New Project e, a seguir, selecione o template Visual C# -> Web  e selecione ASP .NET MVC 4 Web Application, informando o nome Mvc4PayPal e clicando no botão OK.

mvc4_payc

A seguir, selecione o template – Internet Application e o engine Razor e clique no botão OK:

mvc4_payf

Seria criado um projeto com uma estrutura padrão de uma aplicação ASP .NET MVC, que vamos usar para implementar o PayPal.

Antes de continuar, você deverá acessar o site https://developer.paypal.com/ e criar uma conta de desenvolvimento PayPal. Crie sua conta de teste com o cartão de crédito para testes em ambiente de desenvolvimento (você não tem que pagar nada).

Obs: Voce pode acessar o site do PayPal no Brasil e realizar os mesmos procedimentos: https://www.paypal.com/br/webapps/mpp/home

Você deverá cria a sua conta de teste onde receberá o email da conta, o nome do usuário para acesso a API; a senha da API é uma assinatura que é um hash gerado para garantir a segurança.

No meu caso, vejas informações da conta de teste abaixo (por questões óbvias ocultei as minhas informações):

mvc4_payd

Após criar a sua conta de teste e gerar a suas credenciais para autenticação, você pode prosseguir – essas informações serão usadas mais à frente.

Vamos agora incluir as referências ao Helper do PayPal em nosso projeto. Podemos fazer isso usando o gerenciador de pacotes Nuget ou o Package Manager Console.

No menu TOOLS, clique em Library Package Manager e a seguir em Package Manager Console.

mvc4_paye

A  seguir, no console, digite Install-Package PayPal.Helper e tecle ENTER. Após alguns segundos, você deverá ver as mensagens indicando que o pacote foi instalado e referenciado com êxito no seu projeto:

mvc4_pay0

Agora vamos definir a inicialização da API em nosso projeto.

Abra o arquivo Global.asax.cs e no método Application_Start inclua a linha de código indicada a seguir:

mvc4_payb

A linha de código usa as informações da minha conta, minha senha e minha assinatura. Aqui você deve incluir as suas credenciais obtidas no site do PayPal.

Após isso, vamos abrir a view Index.cshtml na pasta /Home e incluir o código abaixo no início do arquivo:

mvc4_paya

Este código criará o botão Add to Cart para o produto Meu Produto com o valor 9.99 para a minha conta de testes (aqui você deve usar a sua conta de testes obtida no PayPal).

Com essas implementações, podemos rodar a aplicação onde obteremos na página gerada pela view Index.cshtml o botão Add to Cart conforme abaixo:

mvc4_pay1

Clicando no botão Add to Cart iremos para a página de informação do produto onde podemos definir a quantidade e obter o valor a ser pago.

mvc4_pay2

Ao clicar no botão Check out with PayPal teremos a exibição do pedido a solicitação das credenciais da conta para que o pagamento seja efetuado:

mvc4_pay3

A seguir clique no botão Agree e Continue para concordar com a política do PayPal:

mvc4_pay4

Será exibida uma janela com as informações do pedido, o endereço do cliente e a solicitação do pagamento no botão Pay Now;

mvc4_pay5

A tela informando que o pagamento foi feito pode ser vista a seguir:

mvc4_pay6

Verificando a conta de testes no PayPal veremos que o valor foi debitado do saldo inicial da conta:

mvc4_pay7

Verificando os detalhes da conta de testes também vemos as informações atualizadas:

mvc4_pay8

Dessa forma mostrei como é bem simples implementar a solução de pagamentos PayPal em uma aplicação ASP .NET MVC usando o Helper PayPal.

Pegue o projeto completo aqui: Mvc4PayPal.zip (exclui o pacote com as referências para diminuir o tamanho do download)