IP Address Capture - Merchant Integration Guide

✅ Correct Implementation

Step 1: Frontend - Capture Customer IP

<!-- checkout.html -->
<script>
async function captureCustomerIP() {
  try {
    // Use a public IP detection service
    const response = await fetch('https://api.ipify.org?format=json');
    const data = await response.json();
    return data.ip;
  } catch (error) {
    console.error('Failed to get customer IP:', error);
    return null;
  }
}

// When customer clicks Pay button
async function handlePayment() {
  const customerIP = await captureCustomerIP();
  
  // Send to your backend with customer's IP
  const response = await fetch('/api/create-payment', {
    method: 'POST',
    headers: { 'Content-Type': 'application/json' },
    body: JSON.stringify({
      amount: 100.00,
      ipAddress: customerIP,  // ← Customer's actual IP
      customer: {
        firstName: 'John',
        lastName: 'Doe',
        email: 'john@example.com'
      },
      // ... other payment details
    })
  });
  
  const result = await response.json();
  
  // Handle 3DS redirect if needed
  if (result.redirectUrl) {
    window.location.href = result.redirectUrl;
  }
}
</script>

Step 2: Backend - Forward Customer IP to PexiPay

// Node.js/Express example
app.post('/api/create-payment', async (req, res) => {
  const { amount, ipAddress, customer, billing, card } = req.body;
  
  // Validate that customer IP was provided
  if (!ipAddress) {
    return res.status(400).json({ 
      error: 'Customer IP address is required' 
    });
  }
  
  try {
    // Forward to PexiPay with customer's IP
    const payment = await fetch('https://gateway.pexipay.com/api/v1/payments', {
      method: 'POST',
      headers: {
        'Content-Type': 'application/json',
        'x-api-key': process.env.PEXIPAY_API_KEY,
        'x-api-secret': process.env.PEXIPAY_API_SECRET,
      },
      body: JSON.stringify({
        amount,
        currency: 'USD',
        ipAddress,  // ← Customer's IP from frontend
        customer,
        billing,
        card,
        returnUrl: 'https://yoursite.com/payment/complete'
      })
    });
    
    const result = await payment.json();
    res.json(result);
    
  } catch (error) {
    console.error('Payment error:', error);
    res.status(500).json({ error: 'Payment processing failed' });
  }
});