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
290
kintone Café 岡山 vol.7 × SORACOM UG Okayama vol.4 オープニング
takeshifurusato
0
45
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
A designer walks into a library…
pauljervisheath
204
24k
Become a Pro
speakerdeck
PRO
25
5k
Stop Working from a Prison Cell
hatefulcrawdad
267
20k
The Power of CSS Pseudo Elements
geoffreycrofte
73
5.3k
Making the Leap to Tech Lead
cromwellryan
133
8.9k
Site-Speed That Sticks
csswizardry
0
25
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
47
2.1k
5 minutes of I Can Smell Your CMS
philhawksworth
202
19k
The Invisible Side of Design
smashingmag
298
50k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
250
21k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
47
5k
Put a Button on it: Removing Barriers to Going Fast.
kastner
59
3.5k
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