Adyen React Drop-in集成：如何延迟订单创建至支付完成？

可以实现你期望的流程，核心思路是绕开「提前生成正式订单ID」的限制，以下是两种可行方案：

方案一：使用临时标识符作为Adyen Session的reference #

• 初始化Adyen Session时，不传入正式订单ID，而是生成一个临时唯一标识符（比如UUID）作为reference，同时将这个临时ID与用户的购物车会话绑定（存在后端缓存或前端会话存储中）
• 用户完成支付信息填写并提交后，等待Adyen的支付结果通知（通过Webhook）
• 收到支付成功的Webhook通知时，根据临时reference找到对应的购物车数据，创建正式订单并生成正式订单ID
• 可选：调用Adyen的Payment API，将该支付记录的reference更新为正式订单ID，方便后续对账和关联查询

方案二：调整集成方式，延迟发起支付请求 #

• 不提前初始化Adyen Session，先在结账页面收集用户的账单信息和支付详情（利用Drop-in的客户端能力先缓存支付信息）
• 用户点击「支付」按钮后，先验证所有数据，通过后创建正式订单得到订单ID
• 再调用后端接口发起Adyen支付请求，传入正式订单ID作为reference，同时触发Drop-in完成支付流程
• 注意：这种方式需要调整Drop-in的初始化逻辑，确保支付信息在客户端临时存储，直到正式订单创建完成后再提交给Adyen

关键注意事项 #

• 必须确保Webhook配置可靠，这是获取支付结果并触发正式订单创建的核心环节，要处理好重试、签名验证等问题
• 临时标识符的有效期要和购物车会话保持一致，避免无效数据堆积
• 如果选择更新Adyen的支付记录reference，要确保后端调用Adyen API的权限和异常处理机制完善

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