字节跳动 tt.pay 支付问题 前端方面

  1. 首先声明,本人菜鸟一枚,前几天搞了搞抖音支付问题,想记录下来。
//  首先发送请求获取后台返回的一些必要值。官方文档基本都会有,以下有些会有详细解释
tt.request({
    url:'后台服务器',   // 目标服务器url
    method: 'POST', // POST 请求
    header: {
    "content-type": "application/x-www-form-urlencoded"
    },
    data: {
      money: 1,     // 支付所需要的金额 
      app_name: '抖音',  // 需要跳转的 app 名称 
      package_name: 'com.tencent.tmgp.sgame',   // 包名(不是很理解包名是什么意思)
      session_3rd: '',    //   每个用户唯一  openid    
      type: 'Android'   // 手机型号  IOS 不支持 虚拟支付。
    },
    success ( r )  {
    tt.pay({
    orderInfo: r.data.data,   //  订单所需要的值,后端调用微信下单接口返回的值。
    _debug: 1,  // 仅限调试用,上线前去掉该参数。_debug=1 时,微信支付期间可以看到中间报错信息,方便调试
    service: 1,     
  /*固定值:1 (拉起小程序收银台)开发者如果不希望使用头条小程序收银台,service 设置为 3/4 时,可以直接拉起微信/支付宝进行支付:service=3: 微信 API 支付,不拉起小程序收银台;service=4: 支付宝 API 支付,不拉起小程序收银台 */
    getOrderStatus(res) {
      let { out_order_no } = res;   // 订单号
      return new Promise(function (resolve, reject) {
      // 商户前端根据 out_order_no 请求商户后端查询微信支付订单状态
      tt.request({
        url: "后端通过查询微信订单返回的接口",
        method: 'POST',
        header: {
          "content-type": "application/x-www-form-urlencoded"
        },
        data: {
          out_order_no: out_order_no   // 必传参数 订单号
        },
        success(res) {
        // 商户后端查询的微信支付状态,通知收银台支付结果
          if (res.data.trade_state == "SUCCESS") {
          // 查询微信订单返回一个 trade_state 的属性值 当它返回为 SUCCESS 时,就为成功,Promise 中 resolve中返回 code:0 方便下面拿到。
            resolve({ code: 0 })
          } 
        },
        fail(err) {
          reject(err);
        }
      });
    });
   },
  // 成功吊起支付页面
  success(res) {
    if (res.code == 0) {
     // 从微信查询订单中拿到 code == 0  字节跳动会判断支付成功,会改变收银台状态为完成。逻辑可以再这里处理。
    }
  },
  // 调起收银台失败处理逻辑
  fail(res) {
  // 调起收银台失败处理逻辑
  	   }
 	 });
   }
 });
}

以上就是 微信H5支付 前端方面的问题。
感谢阅读!

  • 4
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值