PayPalの課金をJSのみで実装（SANDBOX)

##１．デベロッパーサイトにログイン（右上の「Log into Dashboard」ボタンをクリック）
https://developer.paypal.com/docs/api/overview/#create-a-paypal-app
##２．REST API Appを作成（「Create App」ボタンをクリック）
「App Name」にアプリケーション名を入力し、「Create App」ボタンをクリック。
##３．「Client ID」をコピーします。
「Client ID」の文字列をクリックすると、文字列全体が選択状態になるので、それをコピー。
##４．HTMLファイルサンプル（下記のHTMLをファイルとして保存）

sample.html

<div id="paypal-button-container"></div>
<script src="https://www.paypalobjects.com/api/checkout.js"></script>
<script>
// Render the PayPal button
paypal.Button.render({
// Set your environment
env: 'sandbox', // sandbox | production

// Specify the style of the button
style: {
  layout: 'vertical',  // horizontal | vertical
  size:   'medium',    // medium | large | responsive
  shape:  'rect',      // pill | rect
  color:  'gold'       // gold | blue | silver | white | black
},

// Specify allowed and disallowed funding sources
//
// Options:
// - paypal.FUNDING.CARD
// - paypal.FUNDING.CREDIT
// - paypal.FUNDING.ELV
funding: {
  allowed: [
    paypal.FUNDING.CARD,
    paypal.FUNDING.CREDIT
  ],
  disallowed: []
},

// PayPal Client IDs - replace with your own
// Create a PayPal app: https://developer.paypal.com/developer/applications/create
client: {
  sandbox: 'AbLeDdSZvTH5--yAV1-6JLnYLKwy1iMbPT1lwHKBJUdr0KWgITo-_FMgAiwAJGsfO9AKl-nTV5GX8lEe',
  production: '<insert production client id>'
},

payment: function (data, actions) {
  return actions.payment.create({
    payment: {
      transactions: [
        {
          amount: {
            total: '0.01',
            currency: 'USD'
          }
        }
      ]
    }
  });
},

onAuthorize: function (data, actions) {
  return actions.payment.execute()
    .then(function () {
      window.alert('Payment Complete!');
    });
}
}, '#paypal-button-container');
</script>

（https://developer.paypal.com/docs/checkout/quick-start/ を参照）

##５．HTMLファイルの「sandbox:」に、３でコピーした「Client ID」を設定
##６．PayPalアカウントを確認。（下記にログインし、左メニューのSANDBOXのAccountsを確認）
https://developer.paypal.com/
※パスワードの設定もできます。（メールアドレスを展開し、「Profile」をクリックし、「Change Password」をクリック）
##７．サンドボックスで支払いのテスト。
HTMLファイルをブラウザで見て、PayPalをクリックし、ログインする。
（６で確認したTypeがPERSONALのアカウントでログインする。）
支払い方法を選択し、支払いの確認をし続行。
##８．結果を確認。
SANDBOXのサイトにTypeがBUSINESSのアカウントでログイン。
https://www.sandbox.paypal.com/jp/webapps/mpp/merchant
画面上部の取引リンクをクリックし確認。（SANDBOX環境は反映までに時間がかかるそうです）
##９．本番で行うには
アカウントをPERSONALからBUSINESSにし、本番用として「Client ID」を取得し、HTMLファイルの
「production:」に設定する。