1、准备工作

注册账号

企业可登录字节跳动小程序官网,在开发者平台中点击右上角的「快捷登录」进行帐号注册。进入【开发者平台-申请】按要求填写相关信息,完成注册流程。网址链接:https://microapp.bytedance.com/

注意!注册后该账号就是后续提交小程序的账号,手机号等信息请如实填写;在必填信息中, 申请注册的公司主体信息请填写完整 ,请勿填写简称,小程序简介尽量与产品功能相关(后续可修改);在选填信息中, 尽量不要空白 ,如实填写相关信息。
字节跳动小程序担保支付(头条、抖音支付)配置流程 - 图2

创建小程序

  • 注册成功点击进入开发者平台

字节跳动小程序担保支付(头条、抖音支付)配置流程 - 图3

  • 点击创建小程序

字节跳动小程序担保支付(头条、抖音支付)配置流程 - 图4

  • 绑定手机号或邮箱

字节跳动小程序担保支付(头条、抖音支付)配置流程 - 图5

  • 填写小程序名称

    字节跳动小程序担保支付(头条、抖音支付)配置流程 - 图6

    主体认证

  • 进行主体认证

字节跳动小程序担保支付(头条、抖音支付)配置流程 - 图7

  • 按照提示完成资料填写、资质审核、对公验证

操作流程参考链接:https://microapp.bytedance.com/docs/zh-CN/mini-app/introduction/plug-in/register-auth/entity-authentication

2、申请开通支付

小程序平台上开通支付功能

①商户名称(收款公司主体的全称)
②法人姓名
③开通的支付方式(开发者勾选):支付宝APP 支付、微信 H5 支付(强烈建议开通时两者都勾选上,实际接入过程中若只需接入其一则在调用 tt.pay 时只传入 alipay_url 或 wx_url 即可)
④支付类型(开发者勾选):虚拟支付、实物支付
⑤渠道密钥类型(开发者勾选):RSA2、RSA
⑥支付场景描述(描述会使用支付的场景,注意iOS 上虚拟物品不支持使用支付宝/微信支付,有虚拟物品支付的开发者,只能在安卓端上使用支付功能)
字节跳动小程序担保支付(头条、抖音支付)配置流程 - 图8

  • 审核通过以后就能够在小程序开发者后台查看分配的支付app_id、支付秘钥 secret 和商户号(merchant_id):

字节跳动小程序担保支付(头条、抖音支付)配置流程 - 图9

3、申请支付宝商户

字节跳动小程序担保支付(头条、抖音支付)配置流程 - 图10

  • 填写应用信息

注意!应用名称填写自己的产品名称(不是头条,抖音),应用类型选择网页应用。
字节跳动小程序担保支付(头条、抖音支付)配置流程 - 图11

  • 在能力列表中选择App 支付并提交

字节跳动小程序担保支付(头条、抖音支付)配置流程 - 图12

4、申请微信支付商户

  • 前往微信商户平台 申请开通微信 H5 支付

  • 申请完微信H5 支付后,需要配置 H5 支付域名。

  • 配置流程:请登陆微信商户号对应的商户平台- “产品中心” - “开发配置”自行配置。配置流程参考:开发配置

  • H5 支付域名:将以下域名配置到微信商户平台中的 H5 支付域名中

  • snssdk.com

字节跳动小程序担保支付(头条、抖音支付)配置流程 - 图13

5、支付接入流程

参考以下链接:
https://microapp.bytedance.com/docs/zh-CN/mini-app/develop/api/open-interface/payment/mini-app-pay-plugin-reference/plug-in

6、小程序担保支付接入流程

接入准备

  • 申请开通支付能力

小程序在申请开通支付能力前,应在小程序【开发者平台-功能管理-支付】界面阅读并同意《担保交易功能通知》,之后方可申请开通使用。

  • 开通条件

小程序需已通过主体认证,且完成基本信息配置。

  • 开通支付账号

进入小程序开发者平台(microapp.bytedance.com)-功能管理-支付-担保交易开通。

字节跳动小程序担保支付(头条、抖音支付)配置流程 - 图14

微信担保交易开通

  • 提交资料

字节跳动小程序担保支付(头条、抖音支付)配置流程 - 图15

  • 受理中

字节跳动小程序担保支付(头条、抖音支付)配置流程 - 图16

  • 待验证 微信支付签约认证环节需使用管理员微信扫码进行确认。

字节跳动小程序担保支付(头条、抖音支付)配置流程 - 图17

  • 验证后即进入等待审核环节,审核时间预计 2-3 个工作日。

字节跳动小程序担保支付(头条、抖音支付)配置流程 - 图18

  • 微信支付签约认证环节需使用管理员微信扫码进行确认。

字节跳动小程序担保支付(头条、抖音支付)配置流程 - 图19

  • 提交资料受理中

字节跳动小程序担保支付(头条、抖音支付)配置流程 - 图20

  • 因身份证姓名和身份证号码不匹配,受理失败。将身份证姓名和号码填写一致,重新进行资料审核。

字节跳动小程序担保支付(头条、抖音支付)配置流程 - 图21

  • 资料审核完成后,手机端进行协议签署,签署完成。

image.png字节跳动小程序担保支付(头条、抖音支付)配置流程 - 图23

  • 入驻成功

字节跳动小程序担保支付(头条、抖音支付)配置流程 - 图24

支付宝担保交易开通

  • 按提示填写基本信息

字节跳动小程序担保支付(头条、抖音支付)配置流程 - 图25

  • 填写管理员信息、结算信息

字节跳动小程序担保支付(头条、抖音支付)配置流程 - 图26

  • 受理中审核需2-3 个工作日

字节跳动小程序担保支付(头条、抖音支付)配置流程 - 图27

  • 入驻成功

字节跳动小程序担保支付(头条、抖音支付)配置流程 - 图28

  • 支付宝、微信入驻成功

字节跳动小程序担保支付(头条、抖音支付)配置流程 - 图29

  • 结算信息更改

字节跳动小程序担保支付(头条、抖音支付)配置流程 - 图30

  • 担保交易数据设置

字节跳动小程序担保支付(头条、抖音支付)配置流程 - 图31

  • 担保交易设置

字节跳动小程序担保支付(头条、抖音支付)配置流程 - 图32

7、设置支付账号

  • 点击【设置】【支付方式】【字节担保支付】—填写字节小程序【商户号、SALT、Token】

注意!通过字节跳动渠道下单的不支持换渠道支付,通过其他渠道下单的不支持换到字节跳动支付,用户端换渠道支付时提示语“不支持切换渠道支付”。
注意!抖音/头条小程序支付需要在【字节跳动小程序】功能管理-支付版块开通担保交易,开通担保交易后获得其“担保交易设置”版块的信息,填写商户号、SALT、Token
URL填写: https://shop.minyu.net/index.php?r=client/notify/index/bytedance
字节跳动小程序担保支付(头条、抖音支付)配置流程 - 图33

  • 完成以上步骤后,需在商家端后台设置token等基本信息

  • 点击【设置】【支付设置】【支付方式】

image.png

  • 点击【头条/抖音小程序】—填写【商户号、SALT、Token】—点击【提交】按钮

字节跳动小程序担保支付(头条、抖音支付)配置流程 - 图35

渠道基本配置

  • 点击渠道——渠道管理——管理抖音小程序-基本配置

字节跳动小程序担保支付(头条、抖音支付)配置流程 - 图36

  • 抖音/头条AppID、AppSecret, 登录开发者平台-进入小程序-开发管理-开发设置中复制

字节跳动小程序担保支付(头条、抖音支付)配置流程 - 图37

字节跳动小程序担保支付(头条、抖音支付)配置流程 - 图38

  • 此处的服务器域名填写当前使用的域名

字节跳动小程序担保支付(头条、抖音支付)配置流程 - 图39

  • 参数配置完毕,点击发布审核-填写上面字节跳动账号,进入填写版本号、版本描述,上传代码

字节跳动小程序担保支付(头条、抖音支付)配置流程 - 图40
字节跳动小程序担保支付(头条、抖音支付)配置流程 - 图41

  • 登录开发者平台-版本管理,提交审核版本,等待审核完成-发布版本即可

image.png

image.png

  • 抖音/头条小程序同属于字节跳动,只配置一个即可,提交审核时会同时审核字节跳动旗下抖音,今日头条(IOS,Android),今日头条lite(IOS,Android)渠道。