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
83
20200704_twiliojp-ug_okayama_#4
takeshifurusato
0
31
Featured
See All Featured
StorybookのUI Testing Handbookを読んだ
zakiyama
26
5.2k
Reflections from 52 weeks, 52 projects
jeffersonlam
346
20k
The Power of CSS Pseudo Elements
geoffreycrofte
72
5.3k
Why You Should Never Use an ORM
jnunemaker
PRO
53
9k
Embracing the Ebb and Flow
colly
84
4.4k
Docker and Python
trallard
40
3.1k
How to Ace a Technical Interview
jacobian
275
23k
Making the Leap to Tech Lead
cromwellryan
132
8.9k
How STYLIGHT went responsive
nonsquared
95
5.2k
Making Projects Easy
brettharned
115
5.9k
Large-scale JavaScript Application Architecture
addyosmani
510
110k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
328
21k
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