Node.js 带react条带签出的条带订阅

这是我的场景，用户可以通过提供用户名、密码等基本信息并选择订阅计划（订阅计划在条带上创建）来注册。现在根据用户选择的计划，我想从用户那里收集付款信息，并将这些数据发布到我的后端服务器上，以创建具有指定订阅计划的用户。 首先，我尝试了此仅客户端集成解决方案

import React from 'react'
const stripe = window.Stripe('pk_test_my_test_key');

export default class Checkout extends React.Component {
checkout=()=> {
    stripe.redirectToCheckout({

      items: [
        {plan: 'plan_my_plan_Id', quantity: 1}
      ],
      successUrl: 'http://localhost:3000/register',
      cancelUrl: 'http://localhost:3000/register'
    }).then((result) => {
      console.log(result)
    });
  }

render() {
     return (
       <button onClick={this.checkout}>Pay</button>
     )
   }
} 

从“React”导入React
const stripe=window.stripe（'pk\u test\u my\u test\u key'）；
导出默认类签出扩展React.Component{
签出=（）=>{
stripe.redirectToCheckout({
项目：[
{plan:'plan_my_plan_Id'，数量：1}
],
成功URL:'http://localhost:3000/register',
取消URL:'http://localhost:3000/register'
})。然后（（结果）=>{
console.log（结果）
});
}
render（）{
返回(
支付
)
}
} 

上述解决方案的工作方式是，向用户订阅stripe上的计划，并将我的应用程序重定向到指定的successUrl。但是我如何在我的后端创建这个用户呢？在返回的successUrl中，我丢失了用户填写的所有其他信息。此外，stripe文档中也提到，我不应该依赖successUrl来完成购买，而应该依赖Webhook。
因此，如果我将后端配置为侦听webhook事件，那么如何在webhook事件中查找用户信息以在后端创建用户

我尝试了一种不同的解决方案，使用了react stripe checkout，此链接对此进行了描述

下面是我在上面链接中使用的代码

import React from 'react'
import StripeCheckout from 'react-stripe-checkout';

export default class Checkout extends React.Component {
onToken = (token, addresses) => {

};

render() {
return (
  <StripeCheckout
    stripeKey="your_PUBLISHABLE_stripe_key"
    token={this.onToken}
  />
)
   }

从“React”导入React
从“react stripe checkout”导入StripeCheckout；
导出默认类签出扩展React.Component{
onToken=（令牌、地址）=>{
};
render（）{
返回(
)
}

}

我认为通过遵循这个过程，我可以处理onToken事件，并将额外的信息传递到后端，然后在后端创建费用和用户，并将响应发送到前端。但不幸的是，我无法找到任何关于如何将我的planId传递给StripeCheckout的信息

我如何才能完成这项任务，对于这种情况，什么是最好的解决方案

好心帮忙