企业支付服务怎么搭建

// 示例代码：支付页面组件
import React, { useState } from 'react';

function PaymentPage() {
  const [amount, setAmount] = useState(0);

  const handlePayment = () => {
    // 调用后端API进行支付处理
    fetch('/api/pay', {
      method: 'POST',
      headers: {
        'Content-Type': 'application/json'
      },
      body: JSON.stringify({ amount })
    }).then(response => response.json())
      .then(data => {
        alert('Payment successful!');
      }).catch(error => {
        console.error('Error:', error);
      });
  };

  return (
    <div>
      <input type="number" value={amount} onChange={(e) => setAmount(e.target.value)} />
      <button onClick={handlePayment}>Pay</button>
    </div>
  );
}

export default PaymentPage;

// 示例代码：后端支付处理API
const express = require('express');
const app = express();
const bodyParser = require('body-parser');
const cors = require('cors');

app.use(cors());
app.use(bodyParser.json());

app.post('/api/pay', (req, res) => {
  const { amount } = req.body;
  // 这里可以调用第三方支付网关API进行实际支付处理
  console.log(`Processing payment of amount: ${amount}`);
  res.json({ success: true });
});

app.listen(3000, () => {
  console.log('Server is running on port 3000');
});