Authorize.net工作原理及Angular+Node.js集成咨询

1. 表单提交是否需要跳转？有没有可嵌入的组件？ #

不需要跳转至Authorize.net官网，官方提供了Hosted Fields这类嵌入式组件，能直接把支付表单嵌入你的Angular页面里。重点提醒：绝对不要让前端直接收集并传输原始信用卡信息（卡号、CVV等），这会触发PCI合规风险。正确的做法是用Hosted Fields，用户在组件里输入卡信息后，组件会直接和Authorize.net通信生成一个支付令牌（token），前端只需要把这个token传给你的Node.js后端即可。

2. 提交表单后是否只需调用修改后的charge-credit-card.js？ #

要看你用的是哪种集成方式：

• 如果是用令牌（token）方案：需要修改示例里的charge-credit-card.js，把原来传信用卡号、CVV的逻辑改成传拿到的支付令牌，调用Authorize.net的CreateTransaction API完成扣款。
• 如果是直接传卡信息（不推荐，合规风险高）：修改后的函数可以用，但前提是后端能合法拿到卡信息（但前端传卡信息的做法不符合PCI要求，不建议这么做）。

3. 提交后在哪里接收响应？需要主动捕获吗？ #

需要主动捕获响应。Node.js端调用Authorize.net的API是异步操作，不管你用官方包的回调还是Promise语法，都要在调用函数里处理返回的结果：

• 比如用Promise的话：

const chargeResult = await chargeCreditCard(modifiedParams);
// 这里处理chargeResult，判断交易成功/失败
// 然后把处理后的结果返回给Angular前端

处理完后端要把结果通过HTTP响应返回给前端，前端再根据结果给用户展示支付成功/失败的提示。

4. 生产环境是否只需用指定API端点+密钥？ #

是的，生产环境使用https://api.authorize.net/xml/v1/request.api作为API端点，配合你的API登录名和交易密钥即可。你安装的authorizenet npm包会自动帮你构建XML请求、处理HTTPS POST传输，不用手动拼接XML，直接用包提供的方法传参数就行。

内容的提问来源于stack exchange，提问作者offsetbg