支付网关:收款页面
收款页面是付款人在浏览器里付款的入口:统一收银台、码牌、聚合三条链路,加上支付结果回跳与转账确认,构成支付网关的收款面。微信 / 支付宝内扫码会拉起收银台小程序,两者是同一套收款链路在不同环境下的两种形态(分工与链接前缀见总览)。
统一收银台
预下单后的落地页(/cashier/{订单号}),付款人选择支付方式完成付款:
- 页面内容:大号金额、剩余有效时间倒计时(橙色)、订单标题与订单号;
- 支付方式列表:图标 + 名称 + 「推荐」标签,单选;被锁定的方式(商家配置了锁定)只有指定项可选,其余置灰;
- 支付动作:选好方式后点底部「立即支付」——选择不会自动触发支付,防止误点;
- 倒计时结束:订单过期,支付按钮禁用;
- 需要用户身份的方式(如微信 JSAPI 类):自动跳授权拿 openId,回来后自动继续支付流程,付款人无感(机制见认证与中转);
- 支付后:二维码类方式直接展示二维码供扫码;其余调起对应支付。页面每 2 秒查询一次订单状态(约 3 分钟),到达终态展示结果;
- 支付成功跳回:订单配置了回跳地址时,结果页 3 秒倒计时后自动返回商户页面;重复打开已支付订单不重复跳转,只显示「返回商户」按钮。
电脑浏览器打开同一链接是网页版收银台:支付方式以四列网格展示,其余逻辑相同。
码牌收款
扫静态码牌后在浏览器打开的收款页(/h/{码牌编号}):
- 页面内容:商家头像、码牌名称、副标题「向 {商户简称} 付款」;
- 随机金额码牌:数字键盘输入金额(最多两位小数),键盘的确认键即「确认支付」;
- 固定金额码牌:大号金额直接展示,点「确认支付」即可;
- 备注:点备注行弹窗输入(50 字以内),会随订单传给商家;
- 环境要求:码牌页在微信 / 支付宝 / 抖音 / 云闪付钱包内打开时走对应通道;普通浏览器打开会提示「请使用钱包扫码」——码牌的单通道特性决定了它只在钱包环境付款;
- 小程序类型的码牌(
mini_app程序类型)不在 H5 侧支付,扫码直接进小程序。
聚合支付
聚合扫码订单的确认页(/aggregate/{订单号}):订单标题、金额、订单号与倒计时,点「立即支付」完成;支持的场景下自动拉起支付(按钮变为「重试」)。仅在钱包环境可用,浏览器打开显示不支持提示。
支付结果页
通道回跳与支付完成的统一结果页(/pay-result/{交易号}):
- 五种状态:支付成功 / 失败 / 已关闭 / 已过期 / 加载失败;
- 未到终态时每 2 秒轮询一次(约 3 分钟),状态变化自动刷新;
- 成功且有回跳地址时 3 秒倒计时自动返回商户;没有回跳地址则显示「关闭页面」按钮。
转账确认
微信商家转账的收款人确认页(/transfer-confirm/{转账单号}):收款人在微信内打开,看到金额与转账单号,点确认后调起微信的确认收款能力完成收款,完成后自动关闭页面。非微信环境打开会提示「请在微信中打开」。
电脑与手机自适应
同一链接,按设备自动展示两套页面:
- 手机浏览器:完整收银流程(输金额 / 选方式 / 付款);
- 电脑浏览器:统一收银台为网页版收银页;码牌 / 聚合页显示「请用手机扫一扫」引导;
- iPad 等触屏设备会被正确识别为移动端;
- 调试时可在链接后加
?device=pc/?device=mobile强制指定形态。
支付方式展示由谁决定
收银台展示的支付方式列表 = 商户的收银台配置(名称 / 排序 / 推荐 / 锁定,在商户端「收银台配置」维护)按打开环境过滤后的结果:同一订单在浏览器、微信、支付宝、云闪付、抖音内看到的可选项可以不同。电脑版收银台不按环境过滤,展示 Web 桶配置。
多语言
十语种(简体 / 繁体 / 英 / 日 / 韩 + 东盟四语),首次访问按浏览器语言自动匹配,手动切换后记住选择。