$30 off During Our Annual Pro Sale. View Details »

JP_Stripes What's new 2022/04 / jpstripes-whats-new-202204

JP_Stripes What's new 2022/04 / jpstripes-whats-new-202204

Hidetaka Okamoto (Stripe)

April 26, 2022
Tweet

More Decks by Hidetaka Okamoto (Stripe)

Other Decks in Technology

Transcript

  1. What’s new 2022/04
    JP_Stripes
    @hide__dev
    Jan 2022
    1
    #Stripe #JP_Stripes

    View Slide

  2. 顧客一覧のフィルター機能
    Invoicing組み込みガイド
    Stripe Sessions 2022
    独自ドメイン
    参照ID機能
    ゲスト顧客の住所情報取得
    QRコード生成
    Search API
    テストクロック
    Stripe Update (pick up for Japan)
    Checkout
    Payment Links
    2
    #Stripe #JP_Stripes
    API
    Updates
    Dashboard / misc
    Updates

    View Slide

  3. Checkout / Payment Links Updates
    JP_Stripes What’s new 2022/04
    3
    #Stripe #JP_Stripes

    View Slide

  4. Checkoutページに独自ドメインが設定可能に
    ● Checkoutでリダイレクトする
    ページのドメインが変更可に
    ● 月10USDのオプション機能
    ● サブドメインのみ利用可等、
    設定・利用に制限がある
    ● ドキュメント:
    https://stripe.com/docs/payments/che
    ckout/custom-domains
    ● AWS Route53での例:
    https://qiita.com/hideokamoto/items/d
    36602a126aa4edf862c
    4
    JP_Stripes What’s new 2022/04

    View Slide

  5. ゲスト顧客の住所情報が、Checkout APIで取得可能に
    ● 2022/03/30以降の注文のみ
    ● CheckoutのSession IDから、
    入力された住所が取得可能に
    ● Webhookや管理システムで
    配送情報などの処理が
    より簡単に実装できるように
    5
    JP_Stripes What’s new 2022/04
    https://qiita.com/hideokamoto/items
    /654d0ae3146aad839a11
    const session = await stripe.checkout.sessions.retrieve('cs_test_xxxx');
    {
    customer_details: {
    address: {
    city: null,
    country: 'JP',
    line1: null,
    line2: null,
    postal_code: null,
    state: null
    },
    email: '[email protected]',
    name: 'test name',
    ...
    }

    View Slide

  6. Payment Linksが参照IDをサポート
    6
    JP_Stripes What’s new 2022/04
    return liff.getProfile()
    .then(profile => {
    window.open(`https://buy.stripe.com/test_xx?client_reference_id=${profile.userId}`)
    })
    #Stripe #JP_Stripes
    ● クエリ文字列をサポート
    ● 「誰のセッションか」を
    特定しやすくなる
    ● トラッキングやCRM、
    配送系への組み込みなどに
    https://qiita.com/hideokamoto/items
    /f4dc308337b0ba6e57bd

    View Slide

  7. Payment LinksのQRコード発行機能
    ● Dashboardに
    QRコード生成機能が追加
    ● 印刷用のPNGファイルを
    ダウンロードできる
    ● クリップボードにコピーして、
    デザインデータなどに
    埋め込むことも可能
    7
    JP_Stripes What’s new 2022/04
    https://qiita.com/hideokamoto/items
    /14ef0c1159d6a567233a

    View Slide

  8. API Updates
    JP_Stripes What’s new 2022/04
    8
    #Stripe #JP_Stripes

    View Slide

  9. Search API - 顧客や商品をより柔軟に検索できるAPI
    9
    JP_Stripes What’s new 2022/04
    const query = [
    "metadata['service']:'awesome_food_service'",
    "AND",
    "metadata['class']:'bronze'",
    "OR",
    "currency:'jpy'"
    ].join(' ')
    const prices = await stripe.prices.search({ query })
    #Stripe #JP_Stripes
    ● 検索クエリを投げれるAPI
    ● List APIの引数 + αの
    条件で検索ができる
    ○ [All] metadata
    ○ [Invoice] 請求金額
    ○ [Customer] 電話番号
    ○ etc…
    ● AND / ORや部分一致も
    サポート
    https://stripe.com/docs/search#query-fields-for-prices

    View Slide

  10. Test Clock - サブスクの時間経過をテスト
    10
    JP_Stripes What’s new 2022/04
    https://stripe.com/docs/billing/testing/test-clocks

    View Slide

  11. Test Clock - サブスクの時間経過をテスト
    ● テストクロックに紐づいた
    顧客データを作成
    ● テストクロックの
    時間を変更すると、
    紐づいた顧客の時間も変わる
    ● 開発環境でのテストに利用
    ○ プラン変更時の決済処理
    ○ 期末解約時のWebhook
    ○ 銀行振込などの未入金
    ○ etc…
    11
    JP_Stripes What’s new 2022/04
    https://qiita.com/hideokamoto/items
    /1a56ede321e1650a6302 https://stripe.com/docs/billing/testing/test-clocks

    View Slide

  12. Dashboard Updates / 追加情報・トリビアなど
    JP_Stripes What’s new 2022/04
    12
    #Stripe #JP_Stripes

    View Slide

  13. 顧客一覧がさまざまな条件でフィルター可能に(本番のみ)
    13
    JP_Stripes What’s new 2022/04

    View Slide

  14. ペイアウトでの「1日の始まり」がカスタマイズ可能に
    ● タイムゾーンを
    Asia/Tokyoに変更できる
    ● 1日の始まりを
    0:00 - 10:00から指定可能
    ● 「売上の計上タイミング」を
    日本時間・営業時間に
    あわせて指定しやすくなる
    14
    JP_Stripes What’s new 2022/04
    https://qiita.com/hideokamoto/items
    /1a56ede321e1650a6302 https://dashboard.stripe.com/settings/payouts
    https://stripe.com/docs/payouts/customized-start-of-day

    View Slide

  15. [New] 請求(Invoicing)システムの組み込みガイド
    ● 請求書を作成する
    サンプルコード
    ○ Ruby/Node/PHP/Pyth
    on/Go/.NET/Java
    ○ ログイン状態なら
    APIキーも埋込み済
    ○ コードDLも可能
    ● コードの解説あり
    ● 請求システムを組み込む際の
    第一歩として
    15
    JP_Stripes What’s new 2022/04
    https://stripe.com/docs/invoicing/integrati
    on/quickstart

    View Slide

  16. [Trivia] Webサイトチェックリスト
    ● https://stripe.com/docs/che
    cklist/website
    ● サポートやポリシーなどの
    「サイトに記載する情報」が
    チェックできるリスト
    ● 制作案件などで、
    要件の整理にも利用可能
    16
    JP_Stripes What’s new 2022/04

    View Slide

  17. [Info] Stripe Sessions - 5/25 1:00 AM (JST)
    ● https://sessions.stripe.com/
    ● 製品アップデートや
    ロードマップ・Deep Diveなど
    ● 録画セッションなので、
    日本時間でも視聴可能
    (ただし英語)
    ● Registration必須
    17
    JP_Stripes What’s new 2022/04

    View Slide

  18. [Info] Stripe Sessions - 5/25 1:00 AM (JST)
    ● https://sessions.stripe.com/
    ● Keynote:
    ○ Building for the next era of the internet economy
    ● Breakout Talks:
    ○ A new way to build on Stripe
    ○ Is Web3 a thing?
    ○ Connected commerce: The new retail imperative
    ○ The global power of local payment methods
    ○ Banking-as-a-service: The who, what, and why
    ○ Scaling the carbon removal market
    18
    JP_Stripes What’s new 2022/04

    View Slide

  19. More information
    ● 開発者向けのTipsや
    更新情報の配信を開始
    ● 製品のユースケース
    OSS / 連携アプリ
    新機能速報
    JavaScript以外も今後サポート予定
    ● https://qiita.com/organizatio
    ns/stripe
    19
    JP_Stripes What’s new 2022/04
    https://qiita.com/organizations/strip
    e

    View Slide