よりよい購買体験を提供できる組み込み型決済ライブラリWebPayの紹介と、Railsでの実装方法について具体的なコードを基に解説する。

1. MerryBiz Inc.
CHIKURA Shinsaku
Oct 3, 2014.
WebPay on
Rails
よりよい購買体験を実現するための決済ライブラリ利用法

2. 私について
地藏 真作(ちくら しんさく)
メリービズ株式会社 取締役CTO
大学在学中に友人と教育関連パッケージソフトウェアを開発する会社を起業。その後フリーランス
のソフトウェアエンジニアとして、HotWired JAPAN の立ち上げ、科学技術振興機構 (JST) による電
子ジャーナル公開システム J-STAGE や文献自動リンクシステムの立ち上げ・開発指揮など、各種プロ
ジェクトに関わる。
ここ数年は、コンセプト型シェアハウスを公開・仲間を集うサービス Colish、すべての本棚を図書館
にするリブライズ、「あざやかに、暮らそう。」をテーマにしたテキスタイルサイト HappyFabric な
ど、スタートアップを中心に、運営や技術サポートを行っている。
2014年4月よりメリービズに参画。

3. 今日のトピック
WebPayって何?
WebPayのメリット・デメリット
重要な概念と操作
Railsへの組み込み方
利用事例

4. WebPayって何?
ライブラリ型の決済モジュール
Webサービスに組み込んで利用する
VISA/Masterのほか、JCB/AMEX/Dinersにも対
応
審査結果次第ではあるが、VISA/Masterのみのサービスより
は幅広く対応している。
料率3.25%(JCB/AMEX/Dinersは3.40%)、トラ
ンザクションフィーなし
少額決済でも利用しやすい
月末締めの翌月末払い
https://webpay.jp/pricing

5. WebPayのメリット
UI/UXが自由に組み立てられる
利用者にとって安心、使いやすい
管理画面からも操作可能
S課金・顧客・定期課金、表示・作成
カード番号を保持したような操作が可能
サーバ上に決済用のトークンのみ保持して利用
継続課金も可能
https://webpay.jp/docs/api#recursions

6. WebPayのデメリット
UI/UXを自力で組み立てなければならない
それほど難しくないとは言え、JavaScriptなどの知識も必要
クライアント・サーバのどちらにもコードが必要
外部決済サーバとつなぐよりは負担が多い。

7. キーワード
Charge
一回の課金
Customer
カード番号に該当する情報。末尾4桁、有効期限、所有者名
Recursion
定期課金（一定の間隔で決済を実行）

8. 重要な操作
カード情報は自サーバに送らない
webpayモジュールでは可能だが、サーバサイドで
カードの処理は行わないようにする。
カード情報はブラウザ→WebPayサーバ
ブラウザ＋WebPayサーバのみで取り扱う
ワンタイムトークンを自サーバで処理
ブラウザから送られたワンタイムトークンは1回限り
有効
自サーバ
WebPayサーバ
ブラウザ
form
利用者
1.カード番号
2.カード番号
(ワンタイムトークン、金額)
3.ワンタイムトークン
5.課金
4. ワンタイムトークン

9. Railsへの組み込み方
サンプルコード
https://github.com/chsh/webpay-rails-example

10. 全体の設定
Gemfile
gem ‘webpay’
!
環境変数
WEBPAY_PUBLIC_TOKEN
WEBPAY_API_KEY

11. JavaScript
app/assets/javascripts/webpay.coffee.erb
https://github.com/chsh/webpay-rails-example/blob/master/app/assets/javascripts/webpay.coffee.erb
カード番号が入力されるformのsubmitをhookし、WebPayへの送信＋トークン取得を行う。

12. form
Sapp/views/carts/_card_form.html.slim
https://github.com/chsh/webpay-rails-example/blob/master/app/views/carts/_card_form.html.slim
カード番号等の入力フォーム

13. データ管理
db/migrate/20140826160003_create_wallets.rb
決済できるトークンを保持するWalletモデル
https://github.com/chsh/webpay-rails-example/blob/master/db/migrate/20140826160003_create_wallets.rb
!
app/models/web_pay_transaction.rb
一度だけの決済をサポート
https://github.com/chsh/webpay-rails-example/blob/master/app/models/web_pay_transaction.rb

14. テスト
公式なテスト用カード番号・トークン
https://webpay.jp/docs/mock_cards

15. 利用例
リブライズ(現行版。Customer未対応)
https://librize.com/ja
リブライズ(Customer対応版。未リリース)
(SlideShare版はURL非公開)

16. Thank you!
Questions?