[英]How do I get Stripe's "payment_intent.suceeded" response from the webhook in order to process an order?
我正在运行带有快速服务器的 Vue 应用程序。 在客户端,我使用 createPaymentIntent、createPaymentMethod 和 confirmCardPayment api。 该文件明确说明付款意图,验证状态
您的集成不应尝试在客户端处理订单履行,因为客户可能会在付款完成后但在履行过程开始之前离开页面。 相反,使用 webhooks 监控 payment_intent.succeeded 事件并异步处理其完成,而不是尝试在客户端启动履行。
下单流程如下:
async createOrder() {
this.loading(true);
this.$v.$touch();
if (!this.$v.$invalid) {
// order item details....
const cardElement = elements.getElement("card");
const billingDetails = {
name: user.name,
address: {
city: user.city,
line1: user.street,
state: "NY"
},
phone: user.phone
};
try {
const response = await OrderService.createPaymentIntent(newOrder);
const secret = response.data.clientSecret;
this.deliveryFee = response.data.deliveryFee;
this.totalAmount = response.data.totalAmount;
const paymentMethodRequest = await stripe.createPaymentMethod({
type: "card",
card: cardElement
});
const result = await stripe.confirmCardPayment(secret, {
payment_method: paymentMethodRequest.paymentMethod.id,
shipping: billingDetails,
receipt_email: "kevinturney01@gmail.com"
});
// ! DO NOT CONFIRM A SUCCESS ON THE CLIENT, RELY ON THE WEBHOOK!!!!!
// console.log("LINE 443", result, result.error);
if (result.error) {
const error = result.error;
this.showErrorMessage(error);
} else {
this.successfullPayment = true;
this.isLoading = false;
//! NEED TO REDIRECT TO SUCCESSS PAGE
OrderService.postOrder(newOrder).catch(error => {
// https://guillim.github.io/vue/2019/03/20/damn-vuejs-observer.html
this.updateErrors(Object.assign([], error.response.data.errors));
});
console.log("success");
this.updateOrder(newOrder);
}
} catch (error) {
console.log(error);
}
}
我的 webhook 端点几乎直接来自 Stripe 文档:
/网络钩子
static async apiPostWebhookEvent(req, res) {
let data, eventType
let paymentIntent
let event = null
console.log("HITTING STRIPE WEBHOOK")
// Check if webhook signing is configured.
if (process.env.WHSNGROK) { //WHSNGROK hits endpoint
// Retrieve the event by verifying the signature using the raw body and secret.
let signature = req.headers['stripe-signature'];
console.log("SIGNATURE",signature)
try {
event = stripe.webhooks.constructEvent(
req.rawBody,
signature,
process.env.WHSNGROK
);
} catch (err) {
console.log(`⚠️ Webhook signature verification failed.`);
return res.sendStatus(400);
}
data = event.data;
eventType = event.type;
} else {
// Webhook signing is recommended, but if the secret is not configured in `config.js`,
// we can retrieve the event data directly from the request body.
data = req.body.data;
eventType = req.body.type;
console.log("LINE 38 WEBHOOK", eventType)
console.log("LINE 39", event.type)
}
// event.type || eventType || eventType.type
switch (event.type) {
case 'payment_intent.created':
paymentIntent = event.data.object;
break;
case 'payment_intent.payment_failed':
paymentIntent = event.data.object;
payment_intent.payment_failed
const message = intent.last_payment_error && intent.last_payment_error.message;
console.log('❌ Payment failed.', paymentIntent.id, message);
break;
case 'payment_intent.processing':
paymentIntent = event.data.object;
break;
case 'payment_intent.succeeded':
paymentIntent = event.data.object;
// Then define and call a function to handle the event payment_intent.succeeded
// Funds have been captured
// Fulfill any orders, e-mail receipts, etc
// At this point how do I or can I send the order to MongoDB and get the payment_intent.succeeded confirmation from the webhook to the client?
console.log('💰 Payment captured!', paymentIntent.id);
break;
// ... handle other event types
default:
console.log(`Unhandled event type ${event.type}`);
}
return res.sendStatus(200);
}
}
所以总结一下。 在 webhook 中的 switch/case 中,如何从 webhook 向我的客户端获取 payment_intent.succeeded(我知道这是 Stripe 向我的服务器发出的发布请求)。 那,而不是在客户端调用 confirmCardPayment() 并依赖该结果? 是否可以从那里调用 post my newOrder 或者我仍然需要从客户端调用我的 OrderService.postOrder(newOrder) 。
我认为检查 webhook 是否命中您的服务器的最干净的方法是让客户端每 X 秒 ping 服务器以检查订单状态,或者您可以在客户端和服务器之间建立一个 web-socket 连接,以便服务器可以向客户端推送一条消息,告诉它paymentIntent
已成功(或任何其他状态消息)。
这些选项中的任何一个都很好,尽管我认为 webhook 在服务器上触发对 Order 的更新会更安全,而不是客户端在收到响应后执行此操作。 否则,如果客户端和服务器之间的连接断开,则订单可能会被支付但不会被标记为已支付,然后客户端打算执行的任何其他相关操作将不会发生。 一旦用户为订单付款,它基本上消除了对客户端的任何依赖,以便完成订单工作流程。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.