微信点金计划,开通商家小票,微信支付完成后页面跳转 |
您所在的位置:网站首页 › 微信支付成功页面制作图片 › 微信点金计划,开通商家小票,微信支付完成后页面跳转 |
今天有个需求,修改uniapp微信公众号h5页面的微信点金商家小票,并设置按钮跳转首页。 (下面我要写的内容,我感觉比较通用,不仅适用我的这个uniapp需求,还适用小程序) 一、 为啥会有微信点金计划这个需求,因为对于微信支付成功之后,跳转到指定页面,微信目前已经关闭了该通道,具体通知请参看:https://pay.weixin.qq.com/index.php/public/cms/content_detail?platformType=1&lang=zh&id=121505 根据通知提示,要显示支付成功页面,必须开通其点击计划,并开通商家小票功能。 官方文档 点金计划管理文档:https://pay.weixin.qq.com/wiki/doc/apiv3/wxpay/goldplan/chapter3_1.shtml 商家小票管理文档:https://pay.weixin.qq.com/wiki/doc/apiv3/wxpay/goldplan/chapter3_2.shtml 最详细的文档: 微信点金pdf文档https://wx.gtimg.com/pay/download/goldplan/goldplan_product_description_v2.pdf 小票的主要原理就是内嵌一个iframe,进行通信。 看了半天文档,发现就上面那个pdf文档写的最详细。实际上不用写太多东西,你直接自己写个html文件就行了,其余的都是在微信支付服务商平台设置的。 由于我这个需求是临时添加的,项目不是我写的,所以后台也就没写商家小票支付详情接口。我直接写了个 支付完成,返回首页。 准备工作 首先要申请成为特约商户,具体看文档,是我同事申请的,然后要打开点金计划和商家小票功能,还要配置链接 1.申请成为特约商户并打开开关
主要步骤: 1、首先初始化小票 2、点击事件 3、配置商家小票链接(如果出问题,看是不是上面没配置好) 可以参考https://blog.csdn.net/monkindey/article/details/23659387 参考 二、 我这边想,如果它以后要添加功能(如订单金额和充电时间),可以让后台再写个接口,用来请求数据,但时候直接渲染。 可以参考 点金小票多个数据
2.代码中的渲染可以忽略,vconsole也可以注释掉,我当时调试用的, 3.初始化要在页面渲染完后调用,如果你们要求不需要请求接口直接写死页面的话就可以调用 4.displayStyle: ‘SHOW_CUSTOM_PAGE’ //代表使用自定义小票 5.跳转的链接要拼上https://(http://) 6.如果配置没问题,但是小票一直显示不出来,可能就是你的代码里面有报错导致小票无法显示。 无法展示小票页面原因 调试时需确认以下事项: 1,已打开特约商户的商家小票及点金计划开关 2,商家小票页面需调用父页面“onIframeReady事件”的jsapi,请查看商家小票开发指引 3,从加载商家小票到调用JSAPI之间的用时不可超过3s 4,调试时,扫描二维码的微信号和支付该笔测试订单的微信号需为同一个 5,确保访问的商家小票在调试手机的微信上能正常打开 6,检查商家小票请求的Response Headers中X-Frame-Options是否允许payapp.weixin.qq.com访问 7,ios无法加载商家小票,商家小票链接需要https 参考链接:https://blog.csdn.net/CrazBarry/article/details/108790227 |
今日新闻 |
推荐新闻 |
CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3 |