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
20191015 JP_Stripes in Hiroshima #5 Stripe Conn...
Search
Takeshi FURUSATO
October 15, 2019
0
71
20191015 JP_Stripes in Hiroshima #5 Stripe ConnectでApplePayを導入してちょっと困った話
2019/10/15 に開催されたJP_Stripes in Hiroshimaにてお話した「Stripe ConnectでApplePayを導入してちょっと
Takeshi FURUSATO
October 15, 2019
Tweet
Share
More Decks by Takeshi FURUSATO
See All by Takeshi FURUSATO
JBUG岡山 #6 WordCamp男木島の チームビルディング
takeshifurusato
0
280
kintone Café 岡山 vol.7 × SORACOM UG Okayama vol.4 オープニング
takeshifurusato
0
44
kintoneでIoTデータを収集してみた
takeshifurusato
0
120
20210525 TwilioJP-UG Online TwilioSync
takeshifurusato
0
230
FAXによる二要素認証
takeshifurusato
0
330
20201205_OkayamaWordPressMeetup#6_relocate_wordpress
takeshifurusato
0
310
20200906WordCampOgijima2020 make_WordPress_by_Local
takeshifurusato
0
230
20200806 JBUG東京#17 LT WordCamp男木島とBacklog
takeshifurusato
0
84
20200704_twiliojp-ug_okayama_#4
takeshifurusato
0
31
Featured
See All Featured
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
25
1.8k
Practical Orchestrator
shlominoach
186
10k
Java REST API Framework Comparison - PWX 2021
mraible
PRO
28
7.9k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
27
1.9k
10 Git Anti Patterns You Should be Aware of
lemiorhan
654
59k
Designing the Hi-DPI Web
ddemaree
280
34k
Build your cross-platform service in a week with App Engine
jlugia
229
18k
Designing Experiences People Love
moore
138
23k
Ruby is Unlike a Banana
tanoku
96
11k
Raft: Consensus for Rubyists
vanstee
136
6.6k
Measuring & Analyzing Core Web Vitals
bluesmoon
1
39
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
32
1.8k
Transcript
2019-10-15 JP_StripesinHiroshima#5 TakeshiFurusato StripeConnectで ApplePayを導⼊して ちょっと困った話 #JP_Stripes
古⾥武⼠(ふるさとたけし) 株式会社DIGITALJET所属(プログラマ・リモートワーカー) JAWS-UGOkayamaコアメンバー JP_StripesOkayamaコアメンバー TwilioJP-UGOkayama主催(TwilioChampions) OkayamaWordPressMeetupオーガナイザー SORACOMUGOkayamaコアメンバー めんツナかんかん⾮公式エバンジェリスト #JP_Stripes
本⽇のお話 Stripeで ApplePay・GooglePayを 導⼊してみた #JP_Stripes
ApplePay・GooglePay #JP_Stripes iPhoneやsafariブラウザに紐付いているアカ ウントを利⽤して決済 ☑ ApplePay AndroidやChomeブラウザに紐付いているアカ ウントを利⽤して決済 ☑ GooglePay
ブラウザやウォレットに登録してい るカード情報で決済をする
#JP_Stripes ビジネスモデル
利⽤⽅法 #JP_Stripes 参考:https://stripe.com/docs/stripe-js お客様(⽀払者) 提携業者(引取業者)
PaymentRequestButtonの 導⼊ #JP_Stripes ①Elementsをセットアップする ②PaymentRequestのインスタンスを作る ③paymentRequestButtonElementを作成しマウントする ④トークンを送信し⽀払い後の処理をする 参考:https://stripe.com/docs/stripe-js/elements/payment-request-button#set-up-stripe-elements Stripe.js&Elementsを利⽤して決済フローを理解する@y_toku https://qiita.com/y_toku/items/7e51ef7e69d7cbbfb3ca
決済の流れ #JP_Stripes 参考:Stripe.js&Elementsを利⽤して決済フローを理解する@y_toku https://qiita.com/y_toku/items/7e51ef7e69d7cbbfb3ca 1).Stripe.js&Elementsでブラウザから直接Stripeへ決済(カード)情報を渡す 2).Stripeのサーバからフロントエンドにトークンが返ってくる 3).トークンをサーバへ送る 4).Charge/Customerのリクエストをサーバから送る(決済する/決済情報を保存する) 5).Stripeからのレスポンスを受ける
ApplePayへドメイン登録 #JP_Stripes 参考:https://stripe.com/docs/stripe-js/elements/payment-request-button#verifying-your-domain-with-apple-pay Stripe.js&Elementsを利⽤して決済フローを理解する@y_toku https://qiita.com/y_toku/items/7e51ef7e69d7cbbfb3ca 重要:sk_liveで認証。sk_testはダメ
#JP_Stripes ところで、、StripeConnectとは 参考:https://stripe.com/docs/connect お客様 (カスタマー) サービス提供元 (プラットフォーム) 提携先 (⼦アカウント)
本番・テスト環境#JP_Stripes 本番環境 プラット フォーム (live) ⼦ アカウント (live) Connect! Appleドメイン
登録(Live) テスト環境 プラット フォーム (test) ⼦ アカウント (test) Connect! Appleドメイン 登録(test) × ※Connectしたときに⾃動的にAppleドメイン登録も⾏っている。
事前にドメイン登録だけ #JP_Stripes テスト環境 プラット フォーム (test) ⼦ アカウント (test) Connect!
Appleドメイン 登録(test) × テスト環境でのAppleドメイン登録は諦め、 ⼦アカウントの管理コンソールに表⺬されている APIKeyを利⽤して、⼿動でAppleドメイン登録をした。 →ApplePay表⺬できるがすぐエラーになる ⼦ アカウント (live) Appleドメイン 登録(Live)
#JP_Stripes
StripeConnectのAPIキー #JP_Stripes Connectのキーは 管理コンソールに表⺬されている 公開可能キー(PK)・シークレットキー(SK)とは 別のキーが利⽤されている。 ※しかも管理コンソールには表⺬されない StandardKey ConnectKey Live(SK/PK)
※管理コンソール表⺬のキー ※Connect連携時に発⾏されるキー ⃝ ⃝ ⃝ ⃝ ⃝ ⃝ 通常 Conn ect NG Test(SK/PK) Live(SK/PK) Test(SK/PK)
困ったときのサポート #JP_Stripes ⽇本語OK、丁寧な対応 ありがとうございました!
ありがとうございました JP_stripesOkayama よろしくおねがいします 観光ついでに岡⼭にも来てね #JP_Stripes