페이팔의 Express Checkout Restful API 사용하기

(function() {
  var _DOM = document.createElement('script');
  _DOM.src = 'https://www.paypalobjects.com/api/checkout.js';
  var element = document.getElementsByTagName('script')[0];
  element.parentNode.insertBefore(_DOM, element);
});

<div id="pay-test-btn">Test to payment</div>

paypal.Button.render({
  env: 'sandbox', // 테스트용은 'sandbox'를, 운영은 'production'을 입력
  client: {
    sandbox: 'paypal-sandbox-key', // paypal에서 발급 받은 client_key를 입력
    production: 'paypal-production-key'
  },
  payment: function() {
    var env = this.props.env;
    var client = this.props.client;
    return paypal.rest.payment.create(env, client, {
      transactions: [{
        amount: {
          total: '10.00',
          currency: 'USD'
        }
      }],
    });
  },
  commit: true,
  // false일 시 모달의 마지막 버튼의 문구가 Continue로 변하고 바로 결제가 진행되는 것이 아니라 리다이렉트 페이지로 이동한다.
  // true일 시 Pay Now로 변하고 바로 결제가 진행된다
  onAuthorize: function(data, actions) {
    return actions.payment.execute().then(function(res) {
      // 결제 성공 시 콜백파라미터인 res에 데이터가 담겨온다
      console.log(res);
    });
  }
}, '#pay-test-btn');

<div layout="row" layout-align="center center">
  <div layout="column">
    <md-button md-color="{background: 'blue-grey'}" ng-click="vm.postData()">
      TEST
    </md-button>
  </div>
</div>

(function() {
  'use strict';

  angular
    .module('services')
    .factory('PaypalService', [
      '$rootScope', 'Restangular', 'SNS_KEYS', '$q',
      PaypalService
    ]);

    function PaypalService($rootScope, Restangular, SNS_KEYS, $q) {
      //페이팔에서 발급해준 키를 전역으로 사용하기 위해 app.constants에 미리 담아놓았다.
      var clientKey = SNS_KEYS.paypal;

      /**
        * @public
        * @name create
        * @description create paypal payment request
        * @param { Object } data
        * @return { Promise }
        */
      function create(data) {
        var defer = $q.defer();
        data.clientKey = clientKey;
        data.redirect_urls = {
          return_url: location.origin + '/paypal/result', // 결제가 완료되었을 때 리다이렉트될 페이지
          cancel_url: location.origin + '/paypal/result' // 결제가 취소되었을 때 리다이렉트 될 페이지, return_url과 같아도 상관없다
        };
        // API서버의 API endpoint
        Restangular.all('paypal/payments/create')
        .customPOST(data, undefined, undefined, undefined, {
          'Content-Type': 'application/json'
        }).then(function(res) {
          defer.resolve(res);
        }, function(err) {
          defer.reject(err);
        });

        return defer.promise;
      }

      /**
        * @name execute
        * @description execute paypal payment
        * @param { Object } data
        * @return { Promise}
        */
      function execute(data) {
        var defer = $q.defer();
        // API서버의 API endpoint
        Restangular.all('/paypal/payments/execute').customPOST(data, undefined, undefined, {
          'Content-Type': 'application/json'
        }).then(function(res) {
          defer.resolve(res);
        }, function(err) {
          defer.reject(err);
        });

        return defer.promise;
      }

      /**
        * @name getPaymentInfo
        * @description getting created paypal payment information
        * @param { Object } data
        * @return { Promise }
        */
      function getPaymentInfo(data) {
        var defer = $q.defer();
        // API서버의 API endpoint
        Restangular.all('/paypal/payments/detail').customGET('', data).then(function(res) {
          defer.resolve(res);
        }, function(err) {
          defer.reject(err);
        });
      }

      return {
        create: create,
        execute: execute,
        getPaymentInfo: getPaymentInfo
      };
    }
})();

(function() {
  'use strict';

  angular
    .module('app')
    .controller('PaypalCreateController', [
      '$rootScope', '$scope', 'PaypalService',
      PaypalCreateController
    ]);

    function PaypalCreateController() {
      var vm = this;
      //테스트를 위한 더미데이터를 정의한다. 실서비스에는 이 데이터들이 폼에 바인딩 될 것이다.
      vm.paymentData = {
        transactions: [{
          amount: {
            total: '1.00',
            currency: 'USD'
          },
          description: 'This is the description',
          item_list: {
            items: [{
              name: 'test',
              description: 'This is test product',
              quantity: '1',
              price: '1.00',
              sku: '1',
              currency: 'USD'
            }]
          }
        }]
      };

      vm.postData = postData;
      function postData() {
        var data = angular.copy(vm.paymentData);
        // Deep Copy를 하는 이유는 데이터를 전송하기전에 변조해야할 경우가 생길 수 있기 때문이며
        // Object타입은 기본적으로 Call by reference이기때문에 여기서 변조를 해버리면 원본 데이터도 함께 변조되기 때문이다.
        PaypalService.create(data).then(function(res) {
          // Paypal에서는 총 3개의 url을 리턴해주는데
          // links[0] = 방금 생성된 결제정보의 자세한 값을 받을 수 있는 GET메소드 요청 URL
          // links[1] = 생성된 결제페이지의 리다이렉트 URL
          // links[2] = 결제 실행 URL
          // 순으로 나열된다.
          window.location = res.result.links[1].href;
        });
      }
    }
});

namespace App\Http\Controllers;

use Log;
use Illuminate\Http\Request;
use App\Http\Requests;
use App\Http\Controllers\Controller;
use GuzzleHttp\Client;

class PaypalPaymentController extends Controller {
    public $client;
    public $paymentUrl;
    public $accessToken;

    public function __construct() {
        $this--->client = new Client();
        // 페이팔에서 발급받은 access token값을 env에서 가져온다
        $this->accessToken = env('PAYPAL_ACCESS_TOKEN_SANDBOX');
        // 지금은 테스트 중이라 sandbox url로 요청을 날리고있다. 본 서비스는 sandbox를 제거하고 api.paypal.com으로 날리면 된다.
        $this->paymentUrl = "https://api.sandbox.paypal.com/v1/payments/payment";
    }

    public function detail(Request $request){
        $query = $request->query();
        $response = $this->client->request('GET', $this->paymentUrl.'/'.$query['paymentId'] , [
            'headers' => [
                "Content-Type" => "application/json",
                "Authorization" => $this->accessToken,
            ],
        ])->getBody()->getContents();
        $decodeResult = json_decode($response);

        return response()->success($decodeResult);
    }

    public function payment(Request $request) {
        $response = $this->client->request('POST', $this->paymentUrl, [
            'headers' => [
                "Content-Type" => "application.json",
                "Authorization" => $this->accessToken,
            ],
            'json' => [ // Paypal서버에 날릴 요청의 Body, 페이팔 공식사이트에 적혀있는 파라미터와 동일해야한다.
                "intent" => "sale",
                "redirect_urls" => $request->redirect_urls,
                "payer" => [
                    "payment_method" => "paypal", // 한국은 paypal메소드밖에 지원이 안된다
                ],
                "transactions" => $request->transactions, // client에서 보내준 결제 정보
            ]
        ])->getBody()->getContents();
        $decodeResult = json_decode($response);

        return response()->success($decodeResult);
    }

    public function execute(Request $request){
        $response = $this->client->request('POST', $this->paymentUrl.'/'.$request->paymentId.'/execute' , [
            'headers' => [
                "Content-Type" => "application/json",
                "Authorization" => $this->accessToken,
            ],
            'json' => [
                "payer_id" => $request->PayerID,
            ]
        ])->getBody()->getContents();
        $decodeResult = json_decode($response);

        return response()->success($decodeResult);
    }
}

(function() {
  'use strict';

  angular
  .module('app.pages.product')
  .controller('PaypalRedirectController', [
    '$rootScope', 'Restangular', 'PaypalService', '$location',
    PaypalRedirectController
  ]);

  /** @ngInject */
  function PaypalRedirectController(
      $rootScope, Restangular, PaypalService, $location
  ) {
    var vm = this;
    var queryString = $location.search(); // 페이팔에서 보내준 쿼리스트링을 가져온다

    vm.init = (init)();
    function init() {
      getPaymentInfo();
    }

    /**
     * @public
     * @method executePaypal
     */
    vm.executePaypal = executePaypal;
    function executePaypal() {
      // 실제 결제 실행 메소드
      PaypalService.execute(queryString).then(function(res) {
        console.log('EXECUTE RESULT -> ', res);
      });
    }

    /**
     * @private
     * @method getPaymentInfo
     */
    function getPaymentInfo() {
      // 결제 정보 받아오는 메소드
      PaypalService.getPaymentInfo(queryString).then(function(res) {
        console.log('GET PAYMENT INFO -> ',res);
      });
    }
  }
})();