Stripe Api错误:必须提供来源或客户 [英] Stripe Api error: Must provide source or customer
本文介绍了Stripe Api错误:必须提供来源或客户的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
条带上集成堆栈网关laravel项目.为post checkout和checkout.js文件创建控制器功能后，我遇到了上述错误.似乎还可以，我不知道该怎么办.我在stackoverflow上找到了有关此主题的一些答案，但是代码似乎还可以，我对此非常满意.请求POST正文:
Stack on stripe integration gateway laravel project. After creating controller function for post checkout and checkout.js file i'm facing the above error. It seems to be ok, and i don't know what do. I find some answers about this topic on stackoverflow but the code seems to be ok and i'm very stack on this. Request POST body:
{
"amount": "11100000",
"currency": "usd",
"description": "My First Test Charge"
}
响应正文:
{
"error": {
"code": "parameter_missing",
"doc_url": "https://stripe.com/docs/error-codes/parameter-missing",
"message": "Must provide source or customer.",
"type": "invalid_request_error"
}
}
productController:
productController:
use Stripe\Charge;
use Stripe\Stripe;
public function postCheckout(Request $request)
{
$curl = new \Stripe\HttpClient\CurlClient([CURLOPT_HTTP_VERSION => CURL_HTTP_VERSION_1_1]);
$curl->setEnableHttp2(false);
\Stripe\ApiRequestor::setHttpClient($curl);
if (!Session::has('cart')) {
return redirect()->route('shoppingCart');
}
$oldCart = Session::get('cart');
$cart = new Cart($oldCart);
Stripe::setApiKey('sk_test_..........');
try {
Charge::create(array(
"amount" => $cart->totalPrice,
"currency" => "usd",
"source" => $request->input('stripeToken'), // obtained with Stripe.js
"description" => "My First Test Charge"
));
} catch (\Exeption $e) {
return redirect()->route('checkout')->with('error', $e->getMessage());
}
Session::forget('cart');
return redirect()->route('home')->with('succes', 'Successfully purchaised!');
}
}
checkout.js:
checkout.js:
Stripe.setPublishableKey('pk_test_..........');
var $form = $('#checkout-form');
$form.submit(function(event) {
$('#charge-error').addClass('hidden');
$form.find('button').prop('disabled', true);
Stripe.card.createToken({
number: $('#card-number').val(),
cvc: $('#card-cvc').val(),
exp_month: $('#card-expiry-month').val(),
exp_year: $('#card-expiry-year').val(),
name: $('#card-name').val()
}, stripeResponseHandler);
return false;
});
function stripeResponseHandler(status, response) {
if (response.error) {
$('#charge-error').removeClass('hidden');
$('#charge-error').text(response.error.message);
$form.find('button').prop('disalbed', false);
} else {// Token was created!
// Get the token ID:
var token = response.id;
// Insert the token into the form so it gets submitted to the server:
$form.append($('<input type="hidden" name="stripeToken" />').val(token));
console.log(token);
// Submit the form:
$form.get(0).submit();
}
}
checkout.blade.php:
checkout.blade.php:
@extends('layouts.app')
@section('title')
Checkout
@endsection
@section('content')
@section('style')
<html lang="en"><head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="">
<meta name="author" content="">
<link rel="canonical" href="https://getbootstrap.com/docs/4.0/examples/checkout/">
<!-- Bootstrap core CSS -->
<link href="../../dist/css/bootstrap.min.css" rel="stylesheet">
<!-- Custom styles for this template -->
<link href="form-validation.css" rel="stylesheet">
</head>
@endsection
<body class="bg-light">
<div class="container">
<div class="py-5 text-center">
<img class="d-block mx-auto mb-4" src="#" alt="" width="72" height="72">
<h2> <a href=" {{ url('/') }} "> Basket</a></h2>
</div>
<div class="row">
<div class="col-md-4 order-md-2 mb-4">
<h4 class="d-flex justify-content-between align-items-center mb-3">
<span class="text-muted">Your cart</span>
<!--<span class="badge badge-secondary badge-pill">3</span>-->
</h4>
<ul class="list-group mb-3">
<hr class="featurette-divider" style="margin-top: 13px;">
<li class="list-group-item d-flex justify-content-between">
<span>
<h4>Total (USD)</h4>
</span>
<strong>${{ $total }}</strong>
</li>
</ul>
<div id="charge-error" class="alert alert-danger {{ !Session::has('error') ? 'hidden' : '' }} "> {{ Session::get('error') }}
</div>
</div>
<div class="col-md-8 order-md-1">
<h4 class="mb-3">Billing address</h4>
<form class="needs-validation" novalidate="" action=" {{ route('checkout') }} " method="post" id="checkout-form">
<div class="row">
<div class="col-md-6 mb-3">
<label for="card-name">First name</label>
<input type="text" class="form-control" id="card-name" placeholder="" value="" >
</div>
<div class="col-md-6 mb-3">
<label for="lastName">Last name</label>
<input type="text" class="form-control" id="lastName" placeholder="" value="" >
</div>
</div>
<div class="mb-3">
<label for="username">Username</label>
<div class="input-group">
<div class="input-group-prepend">
<span class="input-group-text">@</span>
</div>
<input type="text" class="form-control" id="username" placeholder="Username" >
</div>
</div>
<div class="mb-3">
<label for="email">Email <span class="text-muted">(Optional)</span></label>
<input type="email" class="form-control" id="email" placeholder="you@example.com">
</div>
<div class="mb-3">
<label for="address">Address</label>
<input type="text" class="form-control" id="address" placeholder="1234 Main St" >
</div>
<div class="mb-3">
<label for="address2">Address 2 <span class="text-muted">(Optional)</span></label>
<input type="text" class="form-control" id="address2" placeholder="Apartment or suite">
</div>
<div class="row">
<div class="col-md-5 mb-3">
<label for="country">Country</label>
<select class="custom-select d-block w-100" id="country" >
<option value="">Choose...</option>
<option>Albania</option>
</select>
</div>
<div class="col-md-4 mb-3">
<label for="state">State</label>
<select class="custom-select d-block w-100 selectpicker countrypicker" id="state" >
<option value="">Choose...</option>
<option>Albania</option>
</select>
</div>
<div class="col-md-3 mb-3">
<label for="zip">Zip</label>
<input type="text" class="form-control" id="zip" placeholder="" >
</div>
</div>
<div class="row">
<div class="col-md-6 mb-3">
<label for="card-name">Name on card</label>
<input type="text" class="form-control" id="card-name" placeholder="John Doe" >
<small class="text-muted">Full name as displayed on card</small>
</div>
<div class="col-md-6 mb-3">
<label for="card-number">Credit card number</label>
<input type="text" class="form-control" id="card-number" placeholder="" >
</div>
</div>
<div class="row">
<div class="col-md-3 mb-3">
<label for="card-expiry-month">Expiration month</label>
<input type="text" class="form-control" id="card-expiry-month" placeholder="00" >
</div>
<div class="col-md-3 mb-3">
<label for="card-expiry-year">Expiration year</label>
<input type="text" class="form-control" id="card-expiry-year" placeholder="00" required>
</div>
<div class="col-md-3 mb-3">
<label for="card-cvc">CVV</label>
<input type="text" class="form-control" id="card-cvc" placeholder="CVV" >
</div>
</div>
{{ csrf_field() }}
<hr class="mb-4">
<button class="btn btn-primary btn-lg btn-block" type="submit">Continue to checkout</button>
</form>
</div>
</div>
<div>
<hr class="featurette-divider" style="margin-top: 65px;">
</div>
<footer class="my-5 pt-5 text-muted text-center text-small">
<p class="mb-1">© 2020-2021 Basket</p>
<ul class="list-inline">
<li class="list-inline-item"><a href="#">Privacy</a></li>
<li class="list-inline-item"><a href="#">Terms</a></li>
<li class="list-inline-item"><a href="#">Support</a></li>
</ul>
</footer>
</div>
</body>
</html>
@endsection
@section('scripts')
<!-- Stripe.js -------------------------------------------------->
<script type= "text/javascript" src="https://js.stripe.com/v2/"></script>
<script src="https://js.stripe.com/v3/"></script>
<script type= "text/javascript" src=" {{ URL::to('Stripe_js/checkout.js') }} "></script>
@endsection
推荐答案
您很可能只需要在 $ form.submit 内立即添加 event.preventDefault().如果不这样做，现在可能正在发生的事情是在异步Stripe令牌函数返回并添加隐藏的输入之前提交表单，因此在后端 $ request-> input('stripeToken')为空.
Most likely you just need to add event.preventDefault() immediately inside $form.submit. What's probably happening now without that is the form is submitting before the async Stripe token function returns and adds the hidden input, so then on your backend $request->input('stripeToken') is null.
$form.submit(function(event) {
event.preventDefault();
$('#charge-error').addClass('hidden');
...
这篇关于Stripe Api错误:必须提供来源或客户的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
