I’m working on integrating Authorize.Net in a React.js application and would like guidance on securely creating a customer payment profile using Accept.js to handle card details without them hitting my server.
My requirements:
- A form in React that collects card information (number, expiration date, CVV) and leverages Accept.js to obtain an opaque data CustomerPaymentProfileId .
- Sending thisCustomerPaymentProfileId to my backend.
Questions:
- Could you provide any best practices or example code on setting up Accept.js in a React component?
- Once the opaque data token is received in the frontend, how should it be processed in the backend to safely create a customer payment profile?
- Are there any specific configurations or libraries you recommend for a smooth Accept.js integration in a React environment?
