我开发了一个基于React
(和React Router
)的网络应用,该应用使用Stripe Checkout
来处理付款,它基本上会触发Stripe Session
并使用重定向到在此网址加载结帐页面
https://checkout.stripe.com/pay/cs_live_<some session Token here>
这是代码
this.stripeApi.getSession({
amount: amount,
// ...
})
.then(session => {
stripe.redirectToCheckout({
sessionId: session.data.id,
}).then(result => {
//...
});
})
我的问题是,如果用户单击Stripe Url中的浏览器后退按钮(请参阅上文),我不知道如何恢复应用程序的状态。
为尽可能清晰起见,假设我的应用程序如下
Home - List of items
| Item Page
| Profile Page
| About
在后退按钮上单击(来自Stripe Checkout),我需要重新加载项目页面,其中包含所选项目的详细信息。
实现此目标的最佳方法/设计是什么?
提前谢谢