微信支付点金计划和商家小票的开发教程

直接进入主题,下面详细介绍代码开发方面需要注意的点(坑):

2、官方的开发指引: https://http://wx.gtimg.com/pay/download/goldplan/goldplan_developer_guideline_v1.pdf?download 官方文档基本都说的很详细了,也挺简单的,重点要注意几点。

ps2:外跳新页面(jumpOut 事件)外跳事件,暂不支持跳转小程序,原本计划点击商家小票,利用 <wx-open-launch-weapp> 跳转到小程序的,发现不支持,只能跳到新的html 页面,用户还得再次点击才能跳转小程序(非常影响用户体验,更别提转化了)

上图:类似小程序的调试器 ps4:使用商家小票必须引入官方的这个js,否则会受到处罚

<script type="text/javascript" charset="UTF-8" src="https://http://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://http://wechatfe.github.io/vconsole/lib/vconsole.min.js?v=3.2.0"></script>
经验分享 程序员 微信小程序 职场和发展