Migrar sua integração básica de cartões

Faça duas alterações no endpoint de seu servidor que cria o PaymentIntent:

1. Remova o parâmetro error_on_requires_action para não gerar uma falha nos pagamentos que exigem autenticação. O status do PaymentIntent muda para requires_action.
2. Adicione o parâmetro confirmation_method para indicar que você deseja confirmar explicitamente (manualmente) o pagamento mais uma vez no servidor depois de aceitar as solicitações de autenticação.

curl https://api.stripe.com/v1/payment_intents \
  -u 
sk_test_BQokikJOvBiI2HlWgH4olfQ2
: \
  -d amount=1099 \
  -d currency=usd \
  -d payment_method_types[]=card \
  -d confirm=true \
  -d error_on_requires_action=true \
  -d payment_method="{{PAYMENT_METHOD_ID}}" \
  -d confirmation_method=manual

Em seguida, atualize a função “gerar resposta” para aceitar o estado requires_action em vez de gerar um erro:

# If the request succeeds, check the
# PaymentIntent's `status` and handle
# its `next_action`.

Em seguida, atualize o código do lado do cliente para indicar à Stripe que é preciso mostrar um modal se o cliente precisar se autenticar.

Use stripe.handleCardAction quando o status de um PaymentIntent for requires_action. Se funcionar, o status do PaymentIntent será requires_confirmation, e você deve confirmar o PaymentIntent outra vez no seu servidor para finalizar o pagamento.

const handleServerResponse = async (responseJson) => {
  if (responseJson.error) {
    // Show error from server on payment form
  } else if (responseJson.requiresAction) {
    // Use Stripe.js to handle the required card action
    const { error: errorAction, paymentIntent } =
      await stripe.handleCardAction(responseJson.clientSecret);

    if (errorAction) {
      // Show error from Stripe.js in payment form
    } else {
      // The card action has been handled
      // The PaymentIntent can be confirmed again on the server
      const serverResponse = await fetch('/pay', {
        method: 'POST',
        headers: { 'Content-Type': 'application/json' },
        body: JSON.stringify({ payment_intent_id: paymentIntent.id })
      });
      handleServerResponse(await serverResponse.json());
    }
  } else {
    // Show success message
  }
}

Usando o mesmo endpoint configurado anteriormente, confirme o PaymentIntent mais uma vez para finalizar o pagamento e executar o pedido. A tentativa de pagamento apresenta falha e o PaymentIntent retorna para o status requires_payment_method se não for confirmado novamente em até uma hora.

curl https://api.stripe.com/v1/payment_intents/{{PAYMENT_INTENT_ID}}/confirm \
  -u 
sk_test_BQokikJOvBiI2HlWgH4olfQ2
: \
  -X "POST"

Use nossos cartões de teste em uma área restrita para verificar se sua integração foi atualizada corretamente. A Stripe exibe uma página de autenticação falsa dentro do modal em uma área restrita que permite simular uma tentativa de autenticação bem-sucedida ou malsucedida. No modo de produção, o banco controla a IU do que é exibido no modal.