本教程是头条小程序早期的“小程序收银台” 功能,现在头条已经废弃了这种支付接入方式,建议大家更新为头条推荐的 “字节小程序担保支付”

https://www.yuque.com/apifm/doc/ky2bx1

效果如下:

image.png

开发者平台开通支付

头条/抖音小程序,在完成开发者认证以后,你就可以去申请开通支付功能:

image.png

后台配置支付

将上一步获取的3个信息,填入 “api工厂” 后台,接口开通小程序支付

image.png

头条/抖音小程序,本身并不具备支付功能,如要实现在线支付,你还必须要开通 支付宝支付、微信支付或者是银行卡等支付

详情可查看官方文档:
https://microapp.bytedance.com/dev/cn/mini-app/develop/open-capacity/payment/mini-app-pay-plugin-reference/application-for-payment

配置支付宝支付

https://www.yuque.com/apifm/doc/znioys

配置微信支付

前往 微信商户平台 申请开通微信 H5 支付
申请完微信 H5 支付后,需要配置 H5 支付域名。

  • 配置流程:请登陆微信商户号对应的商户平台 - “产品中心” - “开发配置”自行配置。
  • H5 支付域名:将以下域名配置到微信商户平台中的 H5 支付域名中
    • snssdk.com

最后登录后台,左侧菜单,微信设置中填写你的微信支付的商户号和秘钥即可。

错误排查

如果按照上面的教程操作,仍然无法支付,请开启支付调试功能:
https://microapp.bytedance.com/dev/cn/mini-app/develop/open-capacity/payment/tt.pay

  1. tt.pay 方法中增加 _debug = 1