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

#JP_Stripes コロナ禍で急遽構築! Shopify × Stripe によるECサイト構築事例

#JP_Stripes コロナ禍で急遽構築! Shopify × Stripe によるECサイト構築事例

https://eventregist.com/e/JP_Stripe_meetup_01
stirpe connect で気をつけなきゃいけないところと
shopifyを使うときに気をつけなくてはいけないところをご紹介しました

Kazuki Miura

March 16, 2021
Tweet

More Decks by Kazuki Miura

Other Decks in Technology

Transcript

  1. JP_Stripes Online Meetup!
    コロナ禍で急構築!
    Shopify × Stripe による
    ECサイト構築事例
    2021.03.16

    View Slide

  2. プロフィール
    Hokkaido Television Broadcasting Co., Ltd.
    札 のテレビ局でいろいろ開発してます
    PdM / PjM / SRE ?
    なんでもやってます

    View Slide

  3. 参加申し込みお待ちしております!!

    View Slide

  4. COVID-19
    観光客激減な北海道

    View Slide

  5. TV Programs

    View Slide

  6. TV Programs
    Introducing the store on TV

    View Slide

  7. TV Programs
    Introducing the store on TV

    View Slide

  8. Stripe Connect

    View Slide

  9. Stripe Connect
    Stripe
    Stripe
    Connect
    Stripe
    Connect
    Stripe
    Connect
    transfer

    View Slide

  10. 要件
    動画を途切れさせずにグッ
    ズ購入完了まで行きたい
    発送に必要なvalidationを
    こちらで制御したい
    Stipe Connect したい (ま
    ずテスト)

    View Slide

  11. Architecture
    Amplify
    React TypeScript
    API Gateway
    Step Functions
    Lambda
    しますが
    にしないように

    View Slide

  12. Stripe Connect
    3 Types
    くわしくはWeb
    で!
    STANDARD
    ⼿ 料なし
    EXPRESS
    ¥ 250 (
    アカウント/
    ⽉ )
    CUSTOM
    0.25% + ¥250 (
    金ごと)
    ¥ 200 (
    アカウント/
    ⽉ )
    0.25% + ¥250 (
    金ごと)
    くわしくはWeb
    で!
    くわしくはWeb
    で!
    あんまり べずにCustom
    を 択しました!
    いをちゃんと かってないですw

    View Slide

  13. Strpe Connect
    しくじり
    Connect アカウントへの
    振り込みが失敗!!

    View Slide

  14. NO ACCOUNT!?

    View Slide

  15. 了ってかいてるよ??

    View Slide

  16. まずは先 に
    ごめんなさい

    View Slide

  17. ったらサポートに だ!

    View Slide

  18. 金失敗の理由
    当座預金口座は使えない!

    View Slide

  19. サポートに連絡すると
    当座預金も使えるようになる!
    サポートに受け付けてから1週間位で使えるようになった
    (実績値 時期はお約束出来ないとのこと)

    View Slide

  20. もっと⼤きな "
    しくじり"
    が...

    View Slide

  21. Shopify × Stripe
    しくじり
    Shopifyの
    利用規約に抵触

    View Slide

  22. Architecture
    Amplify
    React TypeScript
    API Gateway
    Step Functions
    Lambda
    ここが問題

    View Slide

  23. Shopify API
    利⽤

    View Slide

  24. Shopify API
    利⽤
    支払いにはShopify Checkoutを使用し、
    他のWebチェックアウトや支払い処理に流用しないでください

    View Slide

  25. Architecture
    Amplify
    React TypeScript
    API Gateway
    Step Functions
    Lambda
    ここが問題

    View Slide

  26. Shopify API
    利⽤
    支払いにはShopify Checkoutを使用し、
    他のWebチェックアウトや支払い処理に流用しないでください
    完全にアウト

    View Slide

  27. Shopify での決済は
    Shopify Payment
    (Powered by Stripe) で!!

    View Slide

  28. 別 師
    Shopify 岡村先生!
    正しい使い方について
    教えて下さい!!

    View Slide