PAY.JPでクレジット決済を行う

はじめに

PAY.JPを使ってクレジット決済を行なってみました。
サーバサイドの実装は行わず、今回はトークンの発行（JavaScript）と決済処理（curlコマンド）のみです。

前準備

こちらで↓アカウント登録を行なってください。

src

index.htmlファイルを作成して、bodyタグの中に以下のコードを入れます。
actionではAPIのエンドポイントを指定してください。
methodもAPIと合わせてください。
data-keyには管理画面で表示されているテスト公開鍵を指定してください。

    <form action="/pay" method="post">
      <script src="https://checkout.pay.jp/" class="payjp-button" data-key=""></script>
    </form>

実行結果

フォームのデータに「payjp-token: 」がセットされているので、値をコピーします。
そして、以下のコマンドをターミナル画面で実行します。

curl "https://api.pay.jp/v1/charges" \
  -u "テスト秘密鍵": \
  -d "amount=400" \
  -d "currency=jpy" \
  -d "card=コピーしておいたトークン"

↓こんな感じで管理画面で見ることができます。

おわりに

次回はサーバサイドも実装（Java）しようと考えています。
結構簡単にクレジット決済できるんですね。。
ここまで簡単に実装できるとは思っていませんでした。