next stripe

NextStripe

next.jsのシンプルなサーバー側のストライプワークフロー

ショ和注：このライブラリは現在ベータ版であり、慎重に生産に使用する必要があります！

はじめる

 yarn add next-stripe@beta

APIルートを追加します

[...nextstripe].jsプロジェクトのpages/api/stripeディレクトリにJSキャッチオールルートを作成します。

ショ和注意：このライブラリに限られたAPIアクセスを備えた制限キーを使用することをお勧めします。これらのキーは、Stripeダッシュボードに必要なアクセスを使用して作成および構成できます。

 import NextStripe from 'next-stripe'

export default NextStripe ( {
  stripe_key : process . env . STRIPE_RESTRICTED_KEY
} ) 

使用法

next-stripe/clientヘルパー機能をエクスポートして、next.js APIルートを呼び出します。

チェックアウトセッション

作成する

ストライプAPIドキュメント

 import { createCheckoutSession } from 'next-stripe/client'

const session = await createCheckoutSession ( {
  success_url : window . location . href ,
  cancel_url : window . location . href ,
  line_items : [ { price : 'price_id' , quantity : 1 } ] ,
  payment_method_types : [ 'card' ] ,
  mode : 'payment'
} )

支払い担当者

作成する

ストライプAPIドキュメント

 import { createPaymentIntent } from 'next-stripe/client'

const paymentIntent = await createPaymentIntent ( {
  amount : 1000 ,
  currency : 'usd'
} ) 

確認する

ストライプAPIドキュメント

 import { confirmPaymentIntent } from 'next-stripe/client'

const paymentIntent = await confirmPaymentIntent ( 'pi_id' , {
  payment_method : 'pm_id'
} ) 

取得します

ストライプAPIドキュメント

 import { retrievePaymentIntent } from 'next-stripe/client'

const paymentIntent = await retrievePaymentIntent ( 'pi_id' ) 

アップデート

ストライプAPIドキュメント

 import { updatePaymentIntent } from 'next-stripe/client'

const paymentIntent = await updatePaymentIntent ( 'pi_id' , {
  amount : 1000 ,
  currency : 'usd'
} )

請求ポータルセッション

作成する

ストライプAPIドキュメント

 import { createBillingPortalSession } from 'next-stripe/client'

const session = await createBillingPortalSession ( {
  customer : 'cus_id' ,
  return_url : window . location . href
} ) 

謝辞

• このライブラリの多くのパターンは、Nextauthに触発されました。
• 最初のアイデアをしてくれたジェイミーバートンに感謝します。