背景

• 应用背景：vite搭建的vue3项目
• 需求背景：功能都涉及了支付业务，故需要和外部支付系统对接
• 外部支付系统：聚合支付、微信小程序支付、微信H5支付

目录

读完本文，你将会对以下几个坑点有所了解：

• 对接第三方服务商过程踩坑
• 对接小程序支付踩坑
• 对接微信H5支付踩坑
• 关于客户端页面的H5支付踩坑

一、  对接第三方服务商过程踩坑

踩坑1：业务前期对接第三方服务商，一开始完全是由业务和服务商对接，研发团队没有参与，技术风控风险没能及时发现

解决1：只要涉及到研发工作，业务需通知研发团队需同时和服务商对接，这样研发团队可以尽早了解到相关风险

一开始和服务商聚合支付对接H5的支付功能，只有业务参与了。待业务敲定后再通知研发团队要使用服务商支付服务，接着研发团队和服务商研发团队 对接技术方案，研发完成上线

直到小程序被封第一次，研发团队才知道聚合支付服务是免费的，且服务商聚合支付并没有完全被微信支付官方认可 所以，当小程序被封后，服务商解决问题的态度是不积极的

踩坑2：对接第三方服务时，不要被对方的方案牵着走

解决2：使用第三方服务过程中，若方案需要调整，内部需要及时同步并坚定自身方案和立场

H5应用最先方案是和服务商进行H5支付对接，但在对接过程中，H5支付走不通。对方未告知具体原因的情况下，让我们换成小程序支付，内部研发团队没有经过统方案调整同步的情况下，服务商私自更改了对接方案；固内部整个研发团队被推动着改变了支付方案，使后续开发进行方案调整非常被动

具体分步解决

1. 研发方案有变动，内部应同步并统一变动方案
2. 统一方案后再与第三方平台对接