next stripe

Nextstripe

Fluxos de trabalho de faixa do lado do servidor simplificados em Next.js

️ Observação: esta biblioteca está atualmente na versão beta e deve ser usada em produção com cautela!

Começando

 yarn add next-stripe@beta

Adicione a rota da API

Crie uma rota [...nextstripe].js Catch-All no diretório pages/api/stripe do seu projeto.

️ Observação: é recomendável que você use uma chave restrita com acesso limitado à API com esta biblioteca. Essas teclas podem ser criadas e configuradas com o acesso necessário no painel de listras.

 import NextStripe from 'next-stripe'

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

Uso

next-stripe/client exporta funções auxiliares para ligar para as rotas da API Next.js.

Sessões de checkout

Criar

DOCs da API de faixa

 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'
} )

PaymentIntents

Criar

DOCs da API de faixa

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

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

Confirmar

DOCs da API de faixa

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

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

Recuperar

DOCs da API de faixa

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

const paymentIntent = await retrievePaymentIntent ( 'pi_id' ) 

Atualizar

DOCs da API de faixa

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

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

Sessões portal de cobrança

Criar

DOCs da API de faixa

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

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

Agradecimentos

• Muitos dos padrões nesta biblioteca foram inspirados no Nextauth.
• Obrigado a Jamie Barton pela ideia inicial.