生成用于测试的 Stripe 测试卡令牌 - Generate a Stripe test card token for testing

我在我的应用程序中使用了 Stripe。我想编写一个用于付款的集成测试，以检查 Stripe 是否创建了付款。我正在使用条纹.js。

在我的测试中，我需要一个卡令牌来执行测试费用。通常，此令牌将使用条带生成客户端.js并在请求中发送以执行收费。由于这是仅限服务器端的测试，我可以通过某种方式从测试中生成令牌？

作为参考，测试将是这样的(使用 php，但原理是相同的(：

/** @test **/
public function it_creates_a_charge()
{
    $order = factory(Order::class)->create();
    $stripe_token = Stripe::generateToken([
                                          'card' => '4242424242424242'
                                          'exp'  => '04/2017',
                                          'cvc'  => '123'
                                          ]); // does not exist afaik
    $response = $this->post('charges/store', [
                'stripe_token' => $stripe_token,
                'order_id' => $order->id,
                //etc
                ]);
    // assertions...
}

本质上，我是在问 Stripe API 中是否有允许服务器端令牌生成的内容。

Stripe 提供了一个 API 调用来从服务器创建令牌：

'Stripe'Stripe::setApiKey("sk_test_BQokikJOvBiI2HlWgH4olfQ2");
'Stripe'Token::create(array(
  "card" => array(
    "number" => "4242424242424242",
    "exp_month" => 1,
    "exp_year" => 2017,
    "cvc" => "314"
  )
));

编辑：Stripe 现在提供即用型测试令牌，例如 tok_visa at https://stripe.com/docs/testing#cards。

您不再需要使用假信用卡创建令牌进行测试。Stripe 现在为此提供了一个预制代币列表：

条纹文档：测试卡号和令牌

Stripe

在 Stripe "tokens" API 中提供了代表各种卡品牌的预脚本令牌，尽管此方法已弃用。

/** @test **/
public function it_creates_a_charge()
{
    $order = factory(Order::class)->create();
    $response = $this->post('charges/store', [
                'stripe_token' => "tok_visa",
                'order_id' => $order->id,
                //etc
                ]);
    // assertions...
}

2022 年的文档从tokens过渡到使用相似但不同的"付款方式"API。有了这个，您可以使用预设的付款方式，例如VISA卡的pm_card_visa。

    $response = $this->post('charges/store', [
                'payment_method' => "pm_card_visa",
                'order_id' => $order->id,
                //etc
                ]);

使用此方法会向您的 API 公开更多付款方式，例如 ACH 和国际银行卡，但它需要更新您的前端"条纹元素"或任何现在的名称。

为条带生成测试令牌的最简单方法 (PURE JS( 无需 PHP 使用以下代码并通过添加测试键在本地运行它

    <html>
      <head>
        <title>create stripe  token in js</title>
        <script src="https://js.stripe.com/v3/"></script>
        <style type="text/css">
      .StripeElement {
        background-color: white;
        height: 40px;
        padding: 10px 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;
      }
        </style>    
      </head>
      <body>
        <form action="/charge" 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" role="alert"></div>
            </div>
            <button>Submit Payment</button>
          </form>    
          <textarea style="width:400px; height:200px;" id="stripeToken" placeholder="Stripe token will print here."></textarea>

          <script type="text/javascript">
           // Create a Stripe client
          var stripe = Stripe('pk_test_xpuKHHXWfW9eUw6DlmNZQI5N');
          // Create an instance of Elements
          var elements = stripe.elements();
          // Custom styling can be passed to options when creating an Element.
          // (Note that this demo uses a wider set of styles than the guide below.)
          var style = {
            base: {
              color: '#32325d',
              lineHeight: '18px',
              fontFamily: '"Helvetica Neue", Helvetica, sans-serif',
              fontSmoothing: 'antialiased',
              fontSize: '16px',
              '::placeholder': {
                color: '#aab7c4'
              }
            },
            invalid: {
              color: '#fa755a',
              iconColor: '#fa755a'
            }
          };
          // 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');
          form.addEventListener('submit', 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 {
                // Send the token to your server
                console.log(result);
                document.getElementById('stripeToken').value=result.token.id;
              }
            });
          });
        </script>
      </body>
    </html>