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
#JP_Stripes Sapporo Stripeの活用例を色々ご紹介します!
Search
Kazuki Miura
June 18, 2022
Technology
0
370
#JP_Stripes Sapporo Stripeの活用例を色々ご紹介します!
Elements とか
コンビニ決済とか
Billing とかのお話
Kazuki Miura
June 18, 2022
Tweet
Share
More Decks by Kazuki Miura
See All by Kazuki Miura
パブリッククラウドもSaaSもいいとこどり!実際に使ってみた全貌と 推しポイントを紹介します!
miu_crescent
1
120
完全未経験から民放連盟賞を受賞したシステムを開発するまで
miu_crescent
1
11
地方でこそ、AWS公式コミュニティ 「JAWS-UG」を通じてクラウドを学ぼう!
miu_crescent
0
83
Media-JAWS x JAWS-UG 千葉支部 合同会オープニング
miu_crescent
1
21
Momento 実際組み込んでみた
miu_crescent
1
22
事業会社の未経験エンジニアチームが内製した2つのWebサービスのアーキテクチャを紹介します!
miu_crescent
2
160
本番環境で Cloudflareを 使ってみた話
miu_crescent
2
270
サウナ
miu_crescent
1
48
メールセキュリティの DMARC周りの設定を少しずつ設定してみたお話
miu_crescent
1
340
Other Decks in Technology
See All in Technology
ABEMAにおけるLLMを用いたコンテンツベース推薦システム導入と効果検証
cyberagentdevelopers
PRO
1
760
コンテナ・K8s研修 - 前半 コンテナ基礎・ハンズオン【MIXI 24新卒技術研修】
mixi_engineers
PRO
0
170
JBUG岡山 #6 WordCamp男木島の チームビルディング
takeshifurusato
0
150
[NIKKEI Tech Talk]Bias for Action!! 実践から学ぶための仕組とコミュニティ / Community for Practice and Learning
kanamasa
0
280
AOAI Dev Day - Opening Session
yoshidashingo
2
470
さらに高品質・高速化を目指すAI時代のテスト設計支援と、めざす先 / AI Test Lab vol.1
shift_evolve
0
190
たくさん本を読んだけど 1年後には綺麗サッパリ!を乗り越えて 学習の鬼になるぞ👹
yum3
0
160
エンジニアの生存戦略 〜クラウド潮流の経験から紐解く技術トレンドのメカニズムと乗りこなし方〜
shimy
9
1.9k
Scaling Technical Excellence at 104: Evolution in AWS and Developer Empowerment
scotthsieh825
1
160
VPoEの視点から見た、ヘンリーがサーバーサイドKotlinを使う理由 / Why Server-side Kotlin 2024
cho0o0
1
420
簡単に始めるSnowflakeの機械学習
nayuts
1
190
Github Actions 로 Android 팀의 효율성 극대화
hadonghyun
0
160
Featured
See All Featured
Building a Modern Day E-commerce SEO Strategy
aleyda
25
6.7k
[RailsConf 2023] Rails as a piece of cake
palkan
35
4.4k
GraphQLの誤解/rethinking-graphql
sonatard
59
9.6k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
189
16k
Bash Introduction
62gerente
607
210k
Optimizing for Happiness
mojombo
373
69k
Principles of Awesome APIs and How to Build Them.
keavy
124
16k
Making the Leap to Tech Lead
cromwellryan
127
8.7k
Debugging Ruby Performance
tmm1
71
11k
Typedesign – Prime Four
hannesfritz
37
2.2k
Faster Mobile Websites
deanohume
303
30k
The Cult of Friendly URLs
andyhume
75
5.9k
Transcript
Stripe 活用例を いろいろご紹介します! #JP_Stripes Sapporo vol. 7
自己紹介 三浦一樹 北海道テレビ放送株式会社 社内のシステム作ってます スクラムマスターの真似事しながら 企画あげるところから、リリースまで 最近は React/TypeScript でフロント書いてる 方が増えてきたかも。。。
この2年くらいで作ったサービス 動画配信 EC ライブコマース
None
この2年くらいで作ったサービス 動画配信 EC ライブコマース
Stripe で 使ってみた サービスたち カスタマイズ可能な決済UI サブスクリプションの管理 Elements Billing コンビニ決済も
同じ世界観で決済までいきたい!
同じ世界観で決済までいきたい! 動画を見ながら お買い物するのオンラインイベント できれば、 動画を止めずに全ての機能を動作させたい
Stripe の決済画面 めっちゃ簡単! おしゃれが画面に遷移 Stripe さんのドメインに飛ぶ 実装が必要 デザインは自分次第 自分のページにフォーム埋込
Stripe の決済画面 めっちゃ簡単! おしゃれが画面に遷移 Stripe さんのドメインに飛ぶ 実装が必要 デザインは自分次第 自分のページにフォーム埋込
配信を止めずに グッズの決済ま で、できました! スクショが残ってなかった、、、w 動画プレイヤーの上に重ねて 決済画面を作成
Stripe の決済時に 使ってきたAPI Order Charge PaymentIntent → → バックエンドの話は長くなるので、ご質問ください!
コンビニ決済も実装してみた
コンビニ決済! 動画配信
コンビニ決済! 動画配信 セコマ使える!!
詳しくは西山さんのブログを!
支払い手順が書かれた ユニークなアドレスが発行される
ダッシュボードこんな感じ
あれ。。。
None
あれあれ
おやおや、、
手数料考えてなかった! 売上の 半分以上 手数料!!
リリース前日に気がついて コンビニ決済お蔵入り、、、w
仕様はしっかり確認しましょうw
ちなみに、コンビニ決済の返金
サブスク作りたい!
Stripe の決済画面 サブスク 「カスタマーポータル」 マイページみたいなのも 用意されてる 実装が必要 デザインは自分次第 自分のページにフォーム埋込
基本的に都度課金 シリーズ毎のまとめ買い 1話毎の購入
D陣のコンテンツが見れます 加入日に限らず、 次の月の1日に 1,000円課金
次の月の1日に課金 無料トライアルの機能を活用 バックエンド側で申込の度に指定
次の月の1日に課金 色々ググってたら、、 月末月初はちょっと気をつけなくてはいけないらしい
次の月の1日に課金 月末 月初
次の月の1日に課金 UTC = JST - 9h UTC = JST -
9h JST 7月01日 00:00 UTC 6月30日 16:00 申込時に1日にセット UTCで設定される 毎月30日の 16時 OK 次の発動 UTC 7月30日 16:00 JST 7月31日 00:00 JST = UTC + 9h JST = UTC + 9h
次の月の1日に課金 UTC = JST - 9h UTC = JST -
9h JST 7月01日 00:00 UTC 6月30日 16:00 申込時に1日にセット UTCで設定される 毎月30日の 16時 OK 次の発動 UTC 7月30日 16:00 JST 7月31日 00:00 JST = UTC + 9h JST = UTC + 9h ずれちゃう!!
次の月の1日に課金 時間を00時にしちゃうとこうなるので、 一応10時に設定してやってます
ちなみにWebhook 非同期でめっちゃ飛んでくるので、 受け側は気をつけましょう (AWS側で飛ばしてるメールがコケましたw)
Stripe で 使ってみた サービスたち カスタマイズ可能な決済UI サブスクリプションの管理 Elements Billing コンビニ決済も checkout
で簡単にもできるよ!
他の決済サービスとの比較
実装した決済サービス V2 GMOさんは一部仕様調べただけ
一番実装負荷が低かったのは 動くソースコードが出てくる Stripeが一番実装負荷が低い! サーバレスと相性最高
PR 来週の金曜日 AWSの勉強会やります! オンラインで是非!