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
110
WebPayのCheckoutHelper が超便利!!! って話
M_Ishikawa
July 22, 2014
Tweet
Share
More Decks by M_Ishikawa
See All by M_Ishikawa
Socialiteのベストプラクティス
ishikawam
0
75
サンタクロースを支えるIT技術 @M_Ishikawa #yapcasia
ishikawam
0
120
IPtalkの使い方
ishikawam
0
440
フロントエンド制作向けビルド ツールGruntがバックエンド 開発でも意外と使える! @M_Ishikawa #yapcasia
ishikawam
1
11k
フロントエンド制作向け ビルドツールGruntを PHPバックエンド開発で利用する @M_Ishikawa #phpcon2013
ishikawam
0
230
Other Decks in Programming
See All in Programming
AppRouter Panel Talk
yosuke_furukawa
PRO
1
460
Build Apps for iOS, Android & Desktop in 100% Kotlin With Compose Multiplatform (mDevCamp 2024)
zsmb
0
430
新宿ダンジョンを可視化してみた
satoshi7190
3
390
検証も兼ねて個人開発でHonoとかと向き合った話
hanetsuki
1
1.3k
AWS CDKコントリビュートTIPS / aws-cdk-contribution-tips
gotok365
4
370
if constexpr文はテンプレート世界のラムダ式である
faithandbrave
3
670
Introducing Kotlin Multiplatform in an existing mobile app - Workshop Edition | AndroidMakers Paris
prof18
0
150
"config" ってなんだ? / What is "config"?
okashoi
0
250
Hanami and htmx
bkuhlmann
0
220
GitLab CI/CD で C#/WPFアプリケーションのテストとインストーラーのビルド・デプロイを自動化する
hacarus
0
230
Deep Dive into React Stream/Serialize
mugi_uno
3
640
単体テストを書かない技術 #phpcon_odawara
o0h
PRO
27
8.5k
Featured
See All Featured
Adopting Sorbet at Scale
ufuk
69
8.6k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
123
39k
Thoughts on Productivity
jonyablonski
60
3.9k
Reflections from 52 weeks, 52 projects
jeffersonlam
345
19k
Product Roadmaps are Hard
iamctodd
45
9.7k
The Language of Interfaces
destraynor
151
23k
The Cult of Friendly URLs
andyhume
74
5.7k
Art, The Web, and Tiny UX
lynnandtonic
290
19k
Facilitating Awesome Meetings
lara
43
5.6k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
155
14k
Unsuck your backbone
ammeep
663
57k
GitHub's CSS Performance
jonrohan
1025
450k
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