抖音小程序支付开发流程和实现

最新推荐文章于 2024-06-05 17:45:52 发布

初识.初见

最新推荐文章于 2024-06-05 17:45:52 发布

阅读量5.7k

点赞数 1

分类专栏：抖音小程序支付文章标签：小程序

本文链接： https://blog.csdn.net/qq_45016428/article/details/125369515

版权

抖音小程序支付专栏收录该内容

1 篇文章 1 订阅

订阅专栏

第一步：在字节小程序开发者平台注册账号

第二步：创建应用完善资料

第三步：在功能管理--支付中申请相对应的担保支付（微信，支付宝，抖音支付）

还需要后端同学配一下这个

这步完成了就到代码开发环节了

第四步按照开发文档开发

开发文档地址：https://microapp.bytedance.com/docs/zh-CN/mini-app/develop/server/ecpay/APIlist/pay-list/pay

不要去看其他流程了（如果是自己公司开发不要被服务商这个给误导了），直接和后端同学看支付开发

前端代码：

  payFun(item) {  // item调后端接口返回成功调改函数
   
    tt.pay({
      orderInfo: {
        order_id: item.order_id,     //订单ID 由后端生成
        order_token:item.order_token //订单token 由后端生成
      },
      service: 5 ,
      success(res) {
        if (res.code == 0) {
          // 支付成功处理逻辑，只有res.code=0时，才表示支付成功
          // 但是最终状态要以商户后端结果为准
          tt.navigateTo({ url: '/pages/success/success' });

        }else{
          console.log(res);
          tt.showToast({
            title: '已取消支付',
            icon: 'none',
            duration: 2000
          })
        }
      },
      fail(res) {
        // 调起收银台失败处理逻辑
      },
    });
  },

注意上传字段类型，官网demo：