Reactjs 我可以在没有服务器的情况下通过React中的Stripe Checkout Client完成购买吗?

Reactjs 我可以在没有服务器的情况下通过React中的Stripe Checkout Client完成购买吗?,reactjs,stripe-payments,Reactjs,Stripe Payments,我正在我的create react appreact app中使用的客户端集成 采购工作的罚款,但似乎我没有选择搜索成功的付款或收到付款后的相关信息。 () 条带签出的实现方式如下: import React, { Component } from 'react'; const stripe = window.Stripe('INSERT_API_KEY'); class Checkout extends Component { checkout() { stripe.redir

我正在我的
create react app
react app中使用的客户端集成

采购工作的罚款,但似乎我没有选择搜索成功的付款或收到付款后的相关信息。 ()

条带签出的实现方式如下:

import React, { Component } from 'react';

const stripe = window.Stripe('INSERT_API_KEY');

class Checkout extends Component {
  checkout() {
    stripe.redirectToCheckout({
      items: [
        {plan: 'INSERT_PLAN_ID', quantity: 1}
      ],
      successUrl: 'https://localhost:3000/checkout/success',
      cancelUrl: 'https://localhost:3000/checkout/success'
    }).then((result) => {
      // If `redirectToCheckout` fails due to a browser or network
      // error, display the localized error message to your customer
      // using `result.error.message`.
      console.log(result)
    });
  }
  render() {
    return (
      <button onClick={this.checkout}>Pay</button>
    )
  }
}
import React,{Component}来自'React';
const stripe=window.stripe('INSERT_API_KEY');
类签出扩展组件{
结帐(){
stripe.redirectToCheckout({
项目:[
{计划:“插入计划ID”,数量:1}
],
成功URL:'https://localhost:3000/checkout/success',
取消URL:'https://localhost:3000/checkout/success'
})。然后((结果)=>{
//如果“redirectToCheckout”由于浏览器或网络而失败
//错误,向您的客户显示本地化的错误消息
//使用“result.error.message”。
console.log(结果)
});
}
render(){
返回(
支付
)
}
}
成功/取消URL对我没有多大帮助,因为我想不出一种安全机制,只允许实际付款的用户访问。 你有什么想法吗?

在选项中,最可靠的方法是编写后端并使用服务器代码。也就是说,如果你真的强烈希望避免编写服务器代码,我建议你使用像Zapier这样的第三方插件来处理成功的购买,并将它们发送到电子表格或其他你用来管理完成情况的工具中

使用Stripe+Zapier根据Stripe中的常见活动触发工作流,如获得新客户、接收新付款等

出于多种原因,不建议从客户端进行轮询