payjpを用いたクレジット決済機能の実装方法

【結論】
・ PAY.JPとは、クレジットカード決済の代行サービス。

・提供されるライブラリを使用すれば、
　クレジットカード決済機能を簡単に実装できる

・PAY.JPでは「カード情報のトークン化」
　「支払い処理」「定期課金」などの機能を提供してくれる

【目次】

クレジットカード決済機能を実装した
PAY.JPとは
PAY.JPの機能
Checkoutの実装方法
総括

【本題】

クレジットカード決済機能を実装した

チーム開発で作成しているアプリにカード決済機能を
搭載する事にしたので、今回はその内容をまとめます。

PAY.JPとは

クレジットカード決済の代行サービス。
Rails用の公式のgemが用意されており、
簡単に実装ができる。

pay.jp

PAY.JPの機能

PAY.JPの主な機能は下記の３つです。

・カード情報のトークン化
入力されたカード情報をトークンに置き換えて管理ができる仕組みです。
また、カード情報はアプリケーションのサーバーを経由せずに、
直接PAY.JPのサーバーへ伝送されて処理が行われるようになるため、高いセキュリティを保った状態で支払いができます。

・支払い処理
トークン化したカード情報を元に、クレジットカードの決済処理を行います。
トークンはセキュリティのため、一度しか使用できない仕様になっています。
顧客にトークンを紐付けておき、顧客IDを使って支払いを行うこともできます。
顧客IDは何度でも支払いに使用できるため、顧客にトークンを紐付けておけば、
二回目以降はクレジットカード情報を入力させることなく、支払いを行うことができます。

・定期課金
1ヶ月ごとの定期的な課金処理を簡単に組み込むことができます。

Checkoutの実装方法

PAY.JPで決済機能を実装する場合は、
カード情報のトークン化やバリデーションなどを行うフォームを自動生成する「Checkout」か
カード情報のトークン化のみに特化した「payjp.js」というライブラリのどちらかを使用します。

今回は「Checkout」の実装方法をまとめます。

０： PAY.JPのアカウントを作成する
まずは下記サイトでPAY.JPのアカウント登録を済ませます。

PAY.JP

１：各種APIキーを確認する
アカウント登録後から閲覧できる管理者画面のAPIメニューを開き、
そこに表示される各種APIキーを確認します。

２：gemの導入
gemを導入します

gem 'payjp'

３：フォームを作成する
ビューの購入ボタンを設置したい箇所に下記のコードを記述します

= form_tag(action: :pay, method: :post) do
　%script.payjp-button{:src => "https://checkout.pay.jp", :type => "text/javascript" ,"data-text" => "購入する" ,"data-key" => "pk_test_***************************"}

４：コントローラーにpayアクションを追加する
フォームに入力したカード情報をトークン化して支払い処理を行う為の
処理を下記の様に記述します。

  def pay
      Payjp.api_key = 'sk_test_**************************'
      charge = Payjp::Charge.create(
      :amount => @product.price,
      :card => params['payjp-token'],
      :currency => 'jpy',
  )
  end

５：payアクションのルーティングを再定義する
新たに追加したpayアクションのルーティングを再定義します

  resources :products do
    collection do
      post 'pay/:id' => 'products#pay', as: 'pay'
    end
  end

これで基本的な機能の実装は完了です。

総括

Facebookログインなどと違い、エラーが殆ど出ずに
簡単に実装が出来ました。これこそgemの恩恵だと感じました。

但し細かいカスタマイズをしようとすると、
更に詳しく仕様を理解する必要があると思われます。
また次の機会に勉強したいと思います。