Невозможно интегрировать оплату карточкой в ​​полосу php - PullRequest
Новая
       4

Невозможно интегрировать оплату карточкой в ​​полосу php

0 голосов
/ 18 марта 2020 

// Stripe API Key
var stripe = Stripe('pk_test_xxx');

// Custom Styling
var style = {
    base: {
        color: '#32325d',
        lineHeight: '24px',
        fontFamily: '"Helvetica Neue", Helvetica, sans-serif',
        fontSmoothing: 'antialiased',
        fontSize: '16px',
        '::placeholder': {
            color: '#aab7c4'
        }
    },
    invalid: {
        color: '#fa755a',
        iconColor: '#fa755a'
    }
};

// Create Stripe Element
var elements = stripe.elements();
// Create an instance of the card Element
var card = elements.create('card', {style: style});
// Add an instance of the card Element into the `card-element` <div>
card.mount('#card-element');
// Handle real-time validation errors from the card Element.
card.addEventListener('change', function(event) {
    var displayError = document.getElementById('card-errors');
if (event.error) {
        displayError.textContent = event.error.message;
    } else {
        displayError.textContent = '';
    }
});
// Handle form submission
var form = document.getElementById('payment-form');
document.getElementById("s03").addEventListener('click',function(event) {
    event.preventDefault();
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 {
            stripeTokenHandler(result.token);
        }
    });
});
// Send Stripe Token to Server
function stripeTokenHandler(token) {
    // Insert the token ID into the form so it gets submitted to the server
    var form = document.getElementById('payment-form');
// Add Stripe Token to hidden input
    var hiddenInput = document.createElement('input');
    hiddenInput.setAttribute('type', 'hidden');
    hiddenInput.setAttribute('name', 'stripeToken');
    hiddenInput.setAttribute('value', token.id);
    form.appendChild(hiddenInput);
// Submit form
    form.submit();
}
.StripeElement {
    background-color: white;
    padding: 8px 12px;
    border-radius: 4px;
    border: 1px solid transparent;
    box-shadow: 0 1px 3px 0 #e6ebf1;
    -webkit-transition: box-shadow 150ms ease;
    transition: box-shadow 150ms ease;
}
.StripeElement--focus {
    box-shadow: 0 1px 3px 0 #cfd7df;
}
.StripeElement--invalid {
    border-color: #fa755a;
}
.StripeElement--webkit-autofill {
    background-color: #fefde5 !important;
}
<div class="modal-body">

                                        <form action="./chstripe.php" method="post" id="payment-form">
                                          <div class="form-row">
                                            <label for="card-element">Credit or debit card</label>
                                            <div id="card-element">
                                              <!-- a Stripe Element will be inserted here. -->
                                            </div>
                                            <!-- Used to display form errors -->
                                            <div id="card-errors"></div>
                                          </div>
                                          </form>
<!-- Modal Body Ends-->              </div>
<!--Modal Footer Starts-->             <div class="modal-footer">
                                        <button type="button" id="s03" class="btn btn-success" data-dismiss="modal" onclick="location.href='initialize.php'" >Proceed</button>
                                         <button type="button" class="btn btn-danger" data-dismiss="modal" onclick="location.href='npay.html'" >Abort</button>
<!--Modal Footer Ends-->               </div>
                                    </div>

Это пример кода из моего исходного файла интеграции полос. Я пытался интегрировать однократную карточную оплату на своем сайте. Проблема в том, что элемент карты вообще не показывался во время работы. Пожалуйста, найдите изображение вложения здесь: >> область, отмеченная красным, где должен отображаться элемент карты . Действие отправки формы пересылает данные формы в chstripe. php, что также выдает ошибку как недопустимая переменная $ token . Я думаю, что скрипт создания токена не работает должным образом. У кого-нибудь есть идеи по этому поводу? Пожалуйста, дайте мне знать. 

<?php
session_start();
require_once("F:\wamp64\www\pay.rrsmedia.tk\lib\stripe-php-7.27.2\init.php");
\Stripe\Stripe::setApiKey('sk_test_xxx');
$name = $_SESSION['namex'];
$email = $_SESSION['emailx'];
$phno = $_SESSION['mobilex'];
$purpose = $_SESSION['purposex'];
$amount = $_SESSION['amountx'];
$txn =   $_SESSION['txnn'];
$token = $_POST['stripeToken'];
// payment information
$charge = \Stripe\Charge::create(
    array(
        'amount' => $amount*100,
        'currency' => 'inr',
        'source' => $token
    )
);
print_r($charge);

?>
...