Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
WebPayのCheckoutHelper が超便利!!! って話
Search
M_Ishikawa
July 22, 2014
Programming
0
130
WebPayのCheckoutHelper が超便利!!! って話
M_Ishikawa
July 22, 2014
Tweet
Share
More Decks by M_Ishikawa
See All by M_Ishikawa
Socialiteのベストプラクティス
ishikawam
0
100
サンタクロースを支えるIT技術 @M_Ishikawa #yapcasia
ishikawam
0
140
IPtalkの使い方
ishikawam
0
540
フロントエンド制作向けビルド ツールGruntがバックエンド 開発でも意外と使える! @M_Ishikawa #yapcasia
ishikawam
1
11k
フロントエンド制作向け ビルドツールGruntを PHPバックエンド開発で利用する @M_Ishikawa #phpcon2013
ishikawam
0
240
Other Decks in Programming
See All in Programming
バッチ処理を「状態の記録」から「事実の記録」へ
panda728
PRO
0
190
Server Side Kotlin Meetup vol.16: 内部動作を理解して ハイパフォーマンスなサーバサイド Kotlin アプリケーションを書こう
ternbusty
3
240
O Que É e Como Funciona o PHP-FPM?
marcelgsantos
0
200
PHPに関数型の魂を宿す〜PHP 8.5 で実現する堅牢なコードとは〜 #phpcon_hiroshima / phpcon-hiroshima-2025
shogogg
1
330
SODA - FACT BOOK(JP)
sodainc
1
8.7k
Android16 Migration Stories ~Building a Pattern for Android OS upgrades~
reoandroider
0
140
Reactive Thinking with Signals and the Resource API
manfredsteyer
PRO
0
110
Domain-centric? Why Hexagonal, Onion, and Clean Architecture Are Answers to the Wrong Question
olivergierke
3
970
Pythonに漸進的に型をつける
nealle
1
120
Go言語はstack overflowの夢を見るか?
logica0419
0
570
contribution to astral-sh/uv
shunsock
0
530
あなたとKaigi on Rails / Kaigi on Rails + You
shimoju
0
190
Featured
See All Featured
RailsConf 2023
tenderlove
30
1.3k
The Language of Interfaces
destraynor
162
25k
4 Signs Your Business is Dying
shpigford
185
22k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
46
7.7k
The Pragmatic Product Professional
lauravandoore
36
7k
How to Ace a Technical Interview
jacobian
280
24k
Designing Experiences People Love
moore
142
24k
The Art of Programming - Codeland 2020
erikaheidi
56
14k
Building Flexible Design Systems
yeseniaperezcruz
329
39k
Building Adaptive Systems
keathley
44
2.8k
A better future with KSS
kneath
239
18k
Optimizing for Happiness
mojombo
379
70k
Transcript
の CheckoutHelper が超便便利利!!! って話 @M_̲Ishikawa 8FC1BZ.FFUVQ
ペイっ!
@M_̲Ishikawa id:ishikawam •ボランティアで開発 ・えがおの本 ・チャリティーサンタ ・その他、福祉、イベントスタッフ、etc...
•しごとで開発 ・グリー
None
は ! のCheckoutHelperを利利⽤用しています
https://webpay.jp/docs/checkout
何が便便利利かって⾔言うと
None
ぽちっとするだけで これ埋め込んで
None
ちょー簡単!!!
サーバサイドの実装を(考えられる) 極限まで少なくしてくれてる!!! GPSNBDUJPOQVSDIBTFNFUIPEQPTU TDSJQUTSDIUUQTDIFDLPVUXFCQBZKQWDMBTTXFCQBZCVUUPOEBUBLFZ UFTU@QVCMJD@YYYYYYYYYYYYYYYYYYYYEBUBMBOHKBTDSJQU GPSN GPSNBDUJPOQVSDIBTFNFUIPEQPTU TDSJQUTSDlIUUQTDIFDLPVUXFCQBZKQWDMBTTXFCQBZCVUUPOEBUBLFZ UFTU@QVCMJD@YYYYYYYYYYYYYYYYYYYYEBUBMBOHKBTDSJQU
EJWJEl81@DIFDLPVU#PY JOQVUUZQFCVUUPOWBMVFlΧʔυͰࢧ͏ JOQVUUZQFIJEEFOOBNFlXFCQBZUPLFO EJW GPSN ⾯面倒なトークン発⾏行行とトークンチェック、 カードのエラーチェック等は全部WebPay側でやってくれる!!! って書いておくだけで ⾃自動でトークン⼊入れてくれる!
⾯面倒な トークン発⾏行行 トークンチェック カードのエラーチェック 等は全部WebPay側でやってくれる!!!
! こちらのサーバを通さずに クライアントと直接やってくれる!!!
つまり今までだと •ユーザーが(ブラウザで)カード情報⼊入れて送信 •サーバで(トークンとともに)受け取る ・トークンが有効であればサーバからカード情報について決済業者に問い合わせる ・トークンが無効または簡易易バリデーションでアウトならユーザーへエラーを返す •決済業者からのカード情報をサーバで受け取る
・カードが有効なら課⾦金金処理理を続ける ・カードが無効ならユーザーへその旨返す •サーバから決済業者へ課⾦金金処理理をリクエスト&結果を受け取る ・課⾦金金が有効なら課⾦金金処理理を続ける ・課⾦金金が無効ならユーザーへその旨返す •課⾦金金が成功したのでサーバにて決済ログを記録 •ユーザーへ完了了を通知。課⾦金金サービスを提供して無事完了了
でもWebPayなら •ユーザーが(ブラウザで)カード情報⼊入れて送信 •サーバで(トークンとともに)受け取る ・トークンが有効であればサーバからカード情報について決済業者に問い合わせる ・トークンが無効または簡易易バリデーションでアウトならユーザーへエラーを返す •決済業者からのカード情報をサーバで受け取る
・カードが有効なら課⾦金金処理理を続ける ・カードが無効ならユーザーへその旨返す •サーバから決済業者へ課⾦金金処理理をリクエスト&結果を受け取る ・課⾦金金が有効なら課⾦金金処理理を続ける ・課⾦金金が無効ならユーザーへその旨返す •課⾦金金が成功したのでサーバにて決済ログを記録 •ユーザーへ完了了を通知。課⾦金金サービスを提供して無事完了了 この部分はサーバ側の実装不不要。 全部WebPayがやってくれる!
CheckoutHelperを使えば ⼀一瞬⾜足りともカード番号を サーバ側で扱わないで済んじゃう!!! ! カード番号の管理理はWebPay。 サーバはクライアントトークンを扱うだけ。
カード管理理の責任を全部WebPayが負担!!! なので
まじすげー
でも...
WebPayへの要望 その1
None
ボタンのデザイン ! 変えれないの?
⾃自動で挿⼊入されるボタンのデザイン変えたい。。 CSSで上書きかあ、、そもそもdiv(注:ブロック要素) GPSNBDUJPOQVSDIBTFNFUIPEQPTU TDSJQUTSDlIUUQTDIFDLPVUXFCQBZKQWDMBTTXFCQBZCVUUPOEBUBLFZ UFTU@QVCMJD@YYYYYYYYYYYYYYYYYYYYEBUBMBOHKBTDSJQU EJWJEl81@DIFDLPVU#PY JOQVUUZQFCVUUPOWBMVFlΧʔυͰࢧ͏ JOQVUUZQFIJEEFOOBNFlXFCQBZUPLFO EJW
GPSN CSSリセット⾯面倒だな。。。 テキストリンクとかきれいにできないよ。。
しかたなく “displey:none;” にしてw ⾒見見えないボタンを押させるwww
WebPayへの要望 その2
None
テストの課⾦金金履履歴 消せない...
テストの課⾦金金履履歴 消せない... この件は解決法がありました!!! >ユーザ設定からリセットできた 教えてくださったWebPay++
WebPayへの要望 その3
marginないのが 気になる
WebPayの とてもいいところ
⼟土⽇日というのに質問に すぐに答えてくれたよ!!!
WebPayの すごくいいところ
None
エンジニアが わくわくする モノがある!
これからも期待してます!
ペイっ! @M_̲Ishikawa