JavaScript|怎么微信WeixinJSBridge.invoke支付成功居然不跳转（还把我页面给关了！这篇文章就告诉你What should I do！）微信|微信支付|小程序

1、问题产生背景公司原先是独立商户号没有那么多要求，故采用的是wx.chooseWXPay调起支付的，此支付一直未有任何问题。但近日因为部分业务的需求，需要用第三方支付，第三方支付的文档里要求使用WeixinJSBridge.invoke来调起支付！并且支付自上次封装后，就再也没有去瞅它～
2、问题实际情况和原因实际问题
当支付完成后，到了该界面，无论是返回，还是点完成，他都直接关闭了页面，无论在支付成功回调里做啥，都无效（无论是alert，还是页面跳转等）。支付失败和取消支付的回调都正常。

文章图片

在确定了代码无问题后，就开启了漫天的搜索之旅。

文章图片

n年过去了，头发发白的小飞机终于找到了原因～～～～
原因：
资料上看是微信在过去的一段时间里，升级了商户号，需要开启商户号的点金计划。并且制作对应的商家小票。
3、点金计划开通流程 1.首先需要到微信商户平台开通点金计划：

文章图片

2.开通后勾上商户列表中的点金计划，一般是默认勾上的，可以不操作。

点金计划 => 特约商户管理

JavaScript|怎么微信WeixinJSBridge.invoke支付成功居然不跳转（还把我页面给关了！这篇文章就告诉你What should I do！）

文章图片

3.配置商家小票

文章图片

商家小票链接要和第三步的验证文件在nginx指向同一目录。

那么商家小票怎么来的？这个是需要开发的，这么说吧，他就是你支付成功后跳转的地址，替代了你支付成功的回调，支付成功了就直接跳转到这个页面！

文章图片

右边这两张图就是你的商家小票，你可以自定义，简单展示支付信息，再加两个按钮，一个跳订单详情，一个跳首页，啥的，随便跳哪里都可以。
那么这个商家小票有啥需要注意的吗？

开发文档：https://wx.gtimg.com/pay/download/goldplan/goldplan_product_description_v2.pdf

总结下开发文档：

页面可以自定义

页面高度有限制

必须引入https://wx.gtimg.com/pay_h5/goldplan/js/jgoldplan-1.0.0.js

要用他给的jsapi操作跳转

url会自动携带 “特约商户号（sub_mch_id）”、“商户订单号（out_trade_no）”、“md5 校验码（check_code）”三个字段的信息，根据这三个字段获取订单信息

我们建立个index.html。
4.开发代码

支付完成 - 锐客网body { font-family: PingFang SC, "Helvetica Neue", Arial, sans-serif; }.order_box { text-align: center; }.order_box .bussiness_avt img { width: 68px; height: 68px; border-radius: 100%; border: 1px solid #E0E0E0; }.b_name { font-size: 14px; font-weight: 500; color: #333333; margin-top: 6px; }.col_box { margin-top: 32px; }.col_box .col { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; font-size: 14px; color: #333; margin-bottom: 14px; }.col .ct.price { color: #E61515 }.btns { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; margin-top: 27px; }.btns .btn { width: 130px; height: 38px; line-height: 38px; font-size: 14px; border-radius: 39px; border: 1px solid #CD2314; box-sizing: border-box; color: #CD2314; }.btns .btn.detail {background: linear-gradient(270deg, #D51010 0%, #EF4D2D 100%); color: #fff; } 文章图片产品名称购买数量实付金额￥返回首页查看详情