Upgrade to Pro — share decks privately, control downloads, hide ads and more …

#JP_Stripes Sapporo Stripeの活用例を色々ご紹介します！

Kazuki Miura
June 18, 2022
Technology
0
220

#JP_Stripes Sapporo Stripeの活用例を色々ご紹介します！

Elements とか
コンビニ決済とか
Billing とかのお話

Kazuki Miura

June 18, 2022
Tweet

More Decks by Kazuki Miura

See All by Kazuki Miura
グーグルクラウドと私 / Google Cloud and Me
miu_crescent
0
11
サーバレスでVODとECをリニューアルして、さらにくっつけてみました！
miu_crescent
0
690
#jawsug_sapporo reInvent 報告会
miu_crescent
1
31
「どうでしょうエアキャラバン」における ライブコマースシステムの開発
miu_crescent
0
370
backlog やっと導入出来ましたLT
miu_crescent
0
220
サーバレスだから出来た！2つのサービスのフルスクラッチリニューアルの全貌
miu_crescent
0
1k
GraphQL における quota を見ながら 高負荷試験 してみた
miu_crescent
0
300
#awsbasics [LT] サーバレスECにおける Step Functions の使い方
miu_crescent
0
1.2k
サーバレスECにおける Step Functions の使い方 〜ステートマシン全部見せます！〜
miu_crescent
0
350

Other Decks in Technology

See All in Technology
本社オフィスを移転し、
オフィスファシリティ・コーポレートIT を刷新した話
rotomx
3
1.2k
IoTを始めたきっかけの話と個人でできるIoTの今後 / 新年LT会「私の愛するIoT 2023」
you
0
140
Virtual Thread - 導入の背景と、効果的な使い方 -
skrb
3
250
Startup Studio Sereal / Culture Deck
sereal
0
620
Multi-Cloud Gatewayでデータを統治せよ！/ Data Federation with MCG
tutsunom
1
140
Kubernetes_EKSに入門してみる
toru_kubota
0
230
データベースの発表には RDBMS 以外もありますよ
maroon1st
0
230
AWS re:Invent 2022で発表された新機能を試してみた ～Cloud OperationとSecurity～ / New Cloud Operation and Security Features Announced at AWS reInvent 2022
yuj1osm
1
120
ML PM, DS PMってどんな仕事をしているの？
line_developers
PRO
1
210
PCI DSS に準拠したシステム開発
yutadayo
0
270
Raspberry Pi Camera 3 介紹
piepie_tw
PRO
0
110
インフラ技術基礎勉強会 開催概要
toru_kubota
0
140

Featured

See All Featured
Imperfection Machines: The Place of Print at Facebook
scottboms
254
12k
GraphQLとの向き合い方2022年版
quramy
20
9.8k
WebSockets: Embracing the real-time Web
robhawkes
58
6k
Documentation Writing (for coders)
carmenintech
51
2.9k
Fantastic passwords and where to find them - at NoRuKo
philnash
31
1.8k
Automating Front-end Workflow
addyosmani
1351
200k
How to name files
jennybc
47
73k
The Cult of Friendly URLs
andyhume
68
5.1k
How GitHub (no longer) Works
holman
298
140k
Fontdeck: Realign not Redesign
paulrobertlloyd
74
4.3k
Facilitating Awesome Meetings
lara
33
4.6k
The Web Native Designer (August 2011)
paulrobertlloyd
76
2.2k

Transcript

  1. Stripe 活用例を いろいろご紹介します！ ＃JP_Stripes Sapporo vol. 7

  2. 自己紹介 三浦一樹 北海道テレビ放送株式会社 社内のシステム作ってます スクラムマスターの真似事しながら 企画あげるところから、リリースまで 最近は React/TypeScript でフロント書いてる 方が増えてきたかも。。。

  3. この2年くらいで作ったサービス 動画配信 EC ライブコマース

  4. None

  5. この2年くらいで作ったサービス 動画配信 EC ライブコマース

  6. Stripe で 使ってみた サービスたち カスタマイズ可能な決済UI サブスクリプションの管理 Elements Billing コンビニ決済も

  7. 同じ世界観で決済までいきたい！

  8. 同じ世界観で決済までいきたい！ 動画を見ながら お買い物するのオンラインイベント できれば、 動画を止めずに全ての機能を動作させたい

  9. Stripe の決済画面 めっちゃ簡単！ おしゃれが画面に遷移 Stripe さんのドメインに飛ぶ 実装が必要 デザインは自分次第 自分のページにフォーム埋込

  10. Stripe の決済画面 めっちゃ簡単！ おしゃれが画面に遷移 Stripe さんのドメインに飛ぶ 実装が必要 デザインは自分次第 自分のページにフォーム埋込

  11. 配信を止めずに グッズの決済ま で、できました！ スクショが残ってなかった、、、w 動画プレイヤーの上に重ねて 決済画面を作成

  12. Stripe の決済時に 使ってきたAPI Order Charge PaymentIntent → → バックエンドの話は長くなるので、ご質問ください！

  13. コンビニ決済も実装してみた

  14. コンビニ決済！ 動画配信

  15. コンビニ決済！ 動画配信 セコマ使える！！

  16. 詳しくは西山さんのブログを！

  17. 支払い手順が書かれた ユニークなアドレスが発行される

  18. ダッシュボードこんな感じ

  19. あれ。。。

  20. None

  21. あれあれ

  22. おやおや、、

  23. 手数料考えてなかった！ 売上の 半分以上 手数料！！

  24. リリース前日に気がついて コンビニ決済お蔵入り、、、w

  25. 仕様はしっかり確認しましょうw

  26. ちなみに、コンビニ決済の返金

  27. サブスク作りたい！

  28. Stripe の決済画面 サブスク 「カスタマーポータル」 マイページみたいなのも 用意されてる 実装が必要 デザインは自分次第 自分のページにフォーム埋込

  29. 基本的に都度課金 シリーズ毎のまとめ買い 1話毎の購入

  30. D陣のコンテンツが見れます 加入日に限らず、 次の月の1日に 1,000円課金

  31. 次の月の1日に課金 無料トライアルの機能を活用 バックエンド側で申込の度に指定

  32. 次の月の1日に課金 色々ググってたら、、 月末月初はちょっと気をつけなくてはいけないらしい

  33. 次の月の1日に課金 月末 月初

  34. 次の月の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

  35. 次の月の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 ずれちゃう！！

  36. 次の月の1日に課金 時間を00時にしちゃうとこうなるので、 一応10時に設定してやってます

  37. ちなみにWebhook 非同期でめっちゃ飛んでくるので、 受け側は気をつけましょう （AWS側で飛ばしてるメールがコケましたw）

  38. Stripe で 使ってみた サービスたち カスタマイズ可能な決済UI サブスクリプションの管理 Elements Billing コンビニ決済も checkout

    で簡単にもできるよ！

  39. 他の決済サービスとの比較

  40. 実装した決済サービス V2 GMOさんは一部仕様調べただけ

  41. 一番実装負荷が低かったのは 動くソースコードが出てくる Stripeが一番実装負荷が低い！ サーバレスと相性最高

  42. PR 来週の金曜日 AWSの勉強会やります！ オンラインで是非！