我如何在反应中取消条带中的订阅

如何解决我如何在反应中取消条带中的订阅

我正在使用反应。我想在用户更改订阅计划时删除旧订阅。

这是我的代码。

从'@stripe/stripe-js'导入{loadStripe,useStripe}

const loadCheckout = async (priceId) =>{
    const docRef = await db
    .collection('customers')
    .doc(user.uid)
    .collection('checkout_sessions')
    .add({
        price:priceId,success_url:window.location.origin,cancel_url: window.location.origin,})
    docRef.onSnapshot(async (snap) =>{
        const {error,sessionId} = snap.data();
        if(error){
            alert(`an error occured ${error.message}`)
        }
        if(sessionId){
            const stripe = await loadStripe("pk_test_51JG0BKLXYmn2IpsgiSeCDbsCNllISGA3PvEbSzBz5bpo8WTvmqI6UKCbzpxX92LKiN0hftRrobm1J6wJZPCOWSTs0081pmQFJE")
            const deleted = await stripe.subscriptions.del(
                subscription.id
              );
              console.log(deleted)
            stripe.redirecttocheckout({sessionId});
        }
    })
    
}

我的代码给出了一个错误，说 stripe.subscriptions.del 不是一个函数。 如果我删除此行，则代码工作，付款成功。 在 stripe API Docs 中，它说使用 .del() 但它在这里不起作用。

解决方法

您的 React 代码使用 Stripe.js，这是一个客户端库。它不能修改订阅，只有密钥 API 调用可以执行 Stripe.js 不使用的操作。

您需要发出更新/删除订阅的请求，您需要使用 stripe-node 库和您的 API 密钥：https://stripe.com/docs/api/subscriptions/cancel?lang=node 在服务器端（在您的 Firebase 应用中）发出​​请求。