Question

这是我的HTML表单，并使用最新的Stripe PaymentIntent API。我的问题是我没有弹出3D安全授权。谁能帮助我指导我的观点？我已经尝试遵循条纹文档（https://stripe.com/docs/payments/payment-intents/web#handling-next-actions），但这完全令人困惑。

<script src='https://js.stripe.com/v3/' type='text/javascript'></script>
<form action="process_payment.php" method="post" id="payment-form">
    <div class="form-row">
        <label for="card-element">
            Credit or debit card
        </label>
        <div id="card-element"><!-- Your form goes here --></div>
    </div>
    <!-- Used to display form errors -->
    <div id="card-errors" role="alert"></div>
    <button class="atbdp_pay_btn" type="submit">Pay</button>
</form>

JavaScript

document.addEventListener("DOMContentLoaded", function(event) {
        var stripe = Stripe('pk_test_xxxxxxxxxx'); // test publishable API key
        var elements = stripe.elements();

        var card = elements.create('card');
        // Add an instance of the card UI component into the `card-element` <div>
        card.mount('#card-element');

        // Handle events and errors
        card.addEventListener('change', function(event) {
            var displayError = document.getElementById('card-errors');
            if (event.error) {
                displayError.textContent = event.error.message;
            } else {
                displayError.textContent = '';
            }
        });

        function stripeTokenHandler(token) {
            // Insert the token ID into the form so it gets submitted to the server
            var form = document.getElementById('payment-form');
            var hiddenInput = document.createElement('input');
            hiddenInput.setAttribute('type', 'hidden');
            hiddenInput.setAttribute('name', 'stripeToken');
            hiddenInput.setAttribute('value', token.id);
            form.appendChild(hiddenInput);

            // Submit the form
            form.submit();
        }

        function createToken() {
            stripe.createToken(card).then(function(result) {
                if (result.error) {
                    // Inform the user if there was an error
                    var errorElement = document.getElementById('card-errors');
                    errorElement.textContent = result.error.message;
                } else {
                    // Send the token to your server
                    stripeTokenHandler(result.token);
                }
            });
        };

        // Create a token when the form is submitted.
        var form = document.getElementById('payment-form');
        form.addEventListener('submit', function(e) {
            e.preventDefault();
            createToken();
        });

    });

最终处理响应

require_once 'init.php';
\Stripe\Stripe::setApiKey( 'sk_test_xxxxxxxx' );
$stripeToken = $_POST['stripeToken']; // stripe will handle the sanitization
$error_msg = '';
try {
    $intent = \Stripe\PaymentIntent::create([
        'payment_method_data' => [
            'type' => 'card',
            'card' => ['token' => $stripeToken],
        ],
        'amount' => 19 * 100,
        'currency' => 'usd',
        'confirmation_method' => 'manual',
        'confirm' => true,
    ]);
    $result = generatePaymentResponse($intent);
}catch (\Stripe\Card $exception){

}

function generatePaymentResponse($intent) {
    if ($intent->status == 'requires_source_action' &&
        $intent->next_action->type == 'use_stripe_sdk') {
        # Tell the client to handle the action
        echo json_encode([
            'requires_action' => true,
            'payment_intent_client_secret' => $intent->client_secret
        ]);
    } else if ($intent->status == 'succeeded') {
        # The payment didn’t need any additional actions and completed!
        # Handle post-payment fulfillment
        echo json_encode([
            'success' => true
        ]);
    } else {
        # Invalid status
        http_response_code(500);
        echo json_encode(['error' => 'Invalid PaymentIntent status']);
    }
}

响应是

"requires_action": true,
  "payment_intent_client_secret": "pi_1FIowAIUv6RpAcZVcd9txP1g_secret_M0byttxAd4ZFB4NxLgsanaZZS"

Answer 1

您正在使用不支持3ds身份验证的stripe.createToken。
您需要将客户端代码迁移到支持该代码的stripe.createPaymentMethod。

条纹文档中有一个有用的迁移指南，您可以按照here

进行操作。

条纹3D安全授权弹出缺少

1 个答案: