如何使用支付意向cliet秘密确认付款

Question

我是stripe/angular的新手，正试图将其集成到angular中，以确认客户端的付款。我有一个来自服务器端的客户端密钥，我正在呼叫

stripe.confirmCardPayment(
client-secret,
{
payment_method: {card: cardElement}
}
).then(function(result) {
if (result.error) {
console.log(result.error);
// Display error.message in your UI.
} else {
console.log(result);

// The payment has succeeded
// Display a success message
}
});

我对CCD_ 1一无所知，stripe也没有明确提及。

我的代码。

Answer 1

这是正确的代码，我使用您的链接编辑了代码，并添加了以下代码以使其工作

ngAfterViewInit() {
this.payment();
}
payment() {
this.stripe = Stripe('pk_test_TYPazNES7wQJ4WyN83oLTlEa');
var elements = this.stripe.elements();
var style = {
base: {
iconColor: '#666EE8',
color: '#31325F',
lineHeight: '40px',
fontWeight: 300,
fontFamily: 'Helvetica Neue',
fontSize: '15px',
'::placeholder': {
color: '#CFD7E0',
},
},
};
this.cardElement = elements.create('card', { style: style });
this.cardElement.mount('#card-element');
}
sendPayment() {
this.stripe
.confirmCardPayment(
'pi_3KU4ONITlRqRee7h0D8UANuT_secret_ysrjhG7BhlD5XRsDHZWA7n8Uc',
{
payment_method: { card: this.cardElement },
}
)
.then(function (result) {
if (result.error) {
// Display error.message in your UI.
console.log(result.error, ' ==== error');
} else {
console.log('success ==== ', result);
// The payment has succeeded
// Display a success message
}
});
}

在html文件中，在卡片元素中添加类

<label>
Card details
<!-- placeholder for Elements -->
<div id="card-element" class="field"></div>
</label>
<button type="submit" (click)="sendPayment()">Submit Payment</button>