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

首先声明，本人菜鸟一枚，前几天搞了搞抖音支付问题，想记录下来。

//  首先发送请求获取后台返回的一些必要值。官方文档基本都会有，以下有些会有详细解释
tt.request({url:'后台服务器',   // 目标服务器urlmethod: '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支付前端方面的问题。
感谢阅读！

字节跳动 tt.pay 支付问题前端方面相关推荐

字节跳动集成支付宝支付
收银台(字节跳动小程序)接入文档:http://microapp.bytedance.com/docs/payment/#%E7%BB%99%E5%BC%80%E5%8F%91%E8%80%85%E4 ...
字节跳动小程序支付详解
微信支付详解 1.为什么要写这篇文章参考了字节跳动官方的文档之后发现写的太简单,完全一头雾水摸不清头脑,后来在百度了别人的实现方案,才得以总结出来. 2.背景我司要开发一个头条小程序,需要支持支付 ...
【前端面试】字节跳动2019校招面经 - 前端开发岗（二）
[前端面试]字节跳动2019校招面经 - 前端开发岗(二) 因为之前的一篇篇幅有限,太长了看着也不舒服,所以还是另起一篇吧? 一. jQuery和Vue的区别 jQuery 轻量级Javascript ...
字节跳动是如何落地微前端的
大厂技术高级前端 Node进阶点击上方程序员成长指北,关注公众号回复1,加入高级Node交流群本文内提及的 Garfish 微前端解决方案已开源:https://github.com/m ...
你怎么会懂？字节跳动是如何落地微前端的？
微前端的出现的背景和意义微前端是什么:微前端是一种类似于微服务的架构,是一种由独立交付的多个前端应用组成整体的架构风格,将前端应用分解成一些更小.更简单的能够独立开发.测试.部署的应用,而在用户看来 ...
第五届字节跳动青训营寒假 —— 前端专场
第五届字节跳动青训营寒假 -- 前端专场文章目录第五届字节跳动青训营寒假 -- 前端专场青训营 - 前端练习题每日一练编程题前端编程题 [342. 4的幂](https://leetcod ...
百度小程序，字节跳动小程序支付总结
百度小程序支付: 百度小程序支付生成的签名是rsa签名,这个签名的生成java版本官方给的有demo直接拿过来用就可以,参数传输正确,该去空格的去空格,该加标点符号的加标点符号,rsa公钥私钥保存好, ...
字节跳动小程序tt.pay支付流程和遇到的问题
搞了好几天的服务暂不可用,或者sign错误,缺少app_id什么的,终于可以了. 我主要说下流程和我遇到的问题我是用的tt.pay(). 首先流程:一.后端发送post请求到http://tp-p ...
字节跳动否认完成支付牌照收购，但金融野心一直有
2月15日消息,今日有消息称"北京字节跳动科技有限公司完成支付牌照收购",昨日,北京商报报道,字节跳动相关负责人回应称,网上有关"字节跳动完成支付牌照收购"的传 ...

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

字节跳动 tt.pay 支付问题前端方面相关推荐

最新文章

热门文章

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

字节跳动 tt.pay 支付问题 前端方面相关推荐

最新文章

热门文章

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

字节跳动 tt.pay 支付问题前端方面相关推荐