我是节点和javascript的新手,所以请原谅。这就是我现在所拥有的,只是从Stripe文档中复制它。我对使用注释令牌功能应该怎么做感到困惑。我使用简单的条纹配置并使一切工作完美但我决定允许用户通过输入字段设置自定义金额。任何指导我朝这个方向发展的帮助都会很棒。
<script src="https://checkout.stripe.com/checkout.js"></script>
<button id="customButton">Purchase</button>
<script>
var handler = StripeCheckout.configure({
key: 'pk_test_...',
image: 'https://stripe.com/img/documentation/checkout/marketplace.png',
locale: 'auto',
token: function(token) {
// You can access the token ID with `token.id`.
// Get the token ID to your server-side code for use.
}
});
document.getElementById('customButton').addEventListener('click', function(e) {
// Open Checkout with further options:
handler.open({
name: 'Demo Site',
description: '2 widgets',
amount: 2000
});
e.preventDefault();
});
// Close Checkout on page navigation:
window.addEventListener('popstate', function() {
handler.close();
});
</script>
这是我的服务器端代码(stripe.js):
var express = require('express');
var router = express.Router();
var stripe = require('stripe')('sk_test_...');
router.post('/charge', function(req, res, next) {
var token = req.body.stripeToken;
var chargeAmount = req.body.chargeAmount;
var charge = stripe.charges.create({
amount: 2000,
currency: "usd",
source: token
}, function(err, charge) {
if(err) {
return console.log(err);
}
console.log(req.body);
res.redirect('/users/dashboard');
});
});
module.exports = router;
答案 0 :(得分:1)
Checkout不会将金额和货币发送到后端服务器 - 它仅使用amount
和currency
参数进行显示。
这是设计的。在付费客户明确设定金额的情况之外(例如,如果您接受捐赠),您不能信任客户浏览器发送的金额,因为它很容易修改。
但在这种情况下,听起来您确实希望金额由客户设定。所以你需要这样做:
在客户端(前端)代码中,确保将金额与Checkout返回的令牌一起发送。
以下是客户设置金额的表单的简单示例:https://jsfiddle.net/ywain/g2ufa8xr/。在此表单中,金额将作为amount
POST参数以及Checkout返回的stripeToken
和stripeEmail
参数发送。
在服务器端(后端)代码中,使用charge creation request中的金额。
这很简单,只需检索参数并将其用作费用创建请求的amount
参数的值:
var token = req.body.stripeToken;
var amount = req.body.amount;
var charge = stripe.charges.create({
amount: amount,
currency: "usd",
source: token
}, function(err, charge) {
...
}
作为旁注,请不要公开分享您的秘密API密钥,即使它只是一个测试密钥。您应尽快推出新密钥。您可以通过转到信息中心来执行此操作:https://dashboard.stripe.com/account/apikeys并点击要替换的密钥旁边的“回收”图标。