最近和一家企业合作，考虑怎么流量互换，于是就有了微信支付完后的跳转页面，利用微信的点金计划，展示商家小票的功能，作为初步方案。
直接进入主题，下面详细介绍代码开发方面需要注意的点（坑）：
1、微信支付后跳转展示的页面， 叫点金计划，能够展示商家小票。商家小票就是展示自己写的内容。
2、官方的开发指引： https://wx.gtimg.com/pay/download/goldplan/goldplan_developer_guideline_v1.pdf?download
基本都说的很详细了，也挺简单的，重点要注意几点。
ps1: 调试时，扫描二维码的微信号，与支付该笔测试订单的微信号要一样。 否则不会出来商家小票，显示无法获取订单号。
ps2：外跳新页面（jumpOut 事件）外跳事件，暂不支持跳转小程序，原本计划点击商家小票，利用 <wx-open-launch-weapp> 跳转到小程序的,发现不支持，只能跳到新的html 页面，用户还得再次点击才能跳转小程序（非常影响用户体验，更别提转化了）
ps3：商家小票不显示，一片空白（注意不是无法获取订单信息哦），这是几乎都会遇到的坑，我们引入 VConsole.js 就能在微信打开调试器，找到问题所在，问题出在 html 的 fon-size = 0； 所以导致使用了rem 的元素都无法显示。（下面会介绍怎么用VConsole.js，超简单，超好用）
上图：类似小程序的调试器
ps4：使用商家小票必须引入官方的这个js,否则会受到处罚
<script type=”text/javascript” charset=”UTF-8″ src=”https://wx.gtimg.com/pay_h5/goldplan/js/jgoldplan-1.0.0.js“></script>
ps5: 因为商家小票页面不能动态获取屏幕宽高，所以直接设置。
// 解决进入商家小票 html的font-size = 0的问题(商家小票无法动态获取屏幕宽)，请勿随意改动
document.querySelector(html).style.fontSize = “10px”;
ps6：调试需要将写好的页面发布到线上，因为要用https链接。
打开调试器：VConsole.js
第一步引用js:
<script src=”https://wechatfe.github.io/vconsole/lib/vconsole.min.js?v=3.2.0“></script>
第二部，初始化：
// 调试专用，vconsole
const vConsole = new VConsole();
然后就可以了，跟之前一样，使用console.log()打印，当在微信打开网页时，就会看到和微信小程序一样的调试器了。
如果有哪里不明白或者更好的建议的小伙伴可以一起讨论哦！