h5 页面防止多次点击_微信商户H5支付申请

3ffc5f0b18ebfbb5e3ca5bf7f54ab388.png

5430925194a9e0858f3636c1abd7e418.png

H5支付是指商户在微信客户端外的移动端网页展示商品或服务,用户在前述页面确认使用微信支付时,商户发起本服务呼起微信客户端进行支付。主要用于触屏版的手机浏览器请求微信支付的场景。可以方便从外部浏览器唤起微信支付。二、H5支付的开通流程

d391ca29063dd180e885a795d6b4a352.png

H5支付的申请对象:仅允许以下类目的商户申请:团购、海淘、线上商超、广告/会展/活动策划、网上生活服务平台、旅行社、旅游服务平台、机票/机票代理、娱乐票务 、交通票务、旅馆/酒店/度假区、门户/资讯/论坛、在线图书/视频/音乐、软件/建站/技术开发、网络推广/网络广告、游戏、教育/培训/考试缴费/学费、电信运营商。(如果您的经营范围不在此列,那么就不要去申请了吧,不然肯定不会通过的)H5支付的开通流程

登录【商户平台】,在【产品中心->产品大全->我的产品->H5支付】点击【申请开通】

b7ccec2b90fd6aef9a05efed1039c185.png

如实填写 H5 相关的设置信息

fc735912b6ccd734aed594ba027bd55e.png

提交申请后,请耐心等待审核;

f5c9c43f073205bf41be280236564d1c.png

三、常见无法开通的原因

按照官方的说明,我们在开通中都会碰见各种各样的被拒理由。貌似我们提交的资料都是完全符合官方要求的,但是为什么还是被拒绝通过呢!

71c818955152dfb5d2756e41f23ed625.png

四、如何快速开通微信H5支付

517ffb3ea04fa8813ebe4a04d7c86f83.png

如果您反复失败,不妨从以下信息进行排查

网站内容或描述内容和营业执照的经营范围是否匹配;

域名是否备案(以工信部可查为唯一凭据,或者直接在补充材料中上传工信部查询结果截图);

网站是否https化;

域名是否多次申请使用,同一个域名不能多次使用,一般建议不要超过3次提交;

服务器IP是否被腾讯拉入黑名单,可以尝试更换服务器(我处有限量免费资源,可以留言哦);

如果同主体没有备案域名,那么授权函是否合乎规定。

大部分情况可以通过上述指引进行排查以开通,如果还是有问题欢迎留言一起探讨,当然如果您这边不愿意自己动手,那么我处也可以代劳操作。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
老规矩,先看本节效果图我们实现这个支付功能完全是借助小程序云开发实现的,不用搭建自己的服务器,不用买域名,不用备案域名,不用支持https。只需要一个简单的云函数,就可以轻松的实现微信小程序支付功能。核心代码就下面这些一,创建一个云开发小程序关于如何创建云开发小程序,这里我就不再做具体讲解。不知道怎么创建云开发小程序的同学,可以去翻看我之前的文章,或者看下我录制的视频:https://edu.csdn.net/course/play/9604/204528创建云开发小程序有几点注意的1,一定不要忘记在app.js里初始化云开发环境。2,创建完云函数后,一定要记得上传二, 创建支付的云函数1,创建云函数pay三,引入三方依赖tenpay我们这里引入三方依赖的目的,是创建我们支付时需要的一些参数。我们安装依赖是使用里npm 而npm必须安装node,关于如何安装node,我这里不做讲解,百度一下,网上一大堆。1,首先右键pay,然后选择在终端中打开2,我们使用npm来安装这个依赖。在命令行里执行 npm i tenpay安装完成后,我们的pay云函数会多出一个package.json 文件到这里我们的tenpay依赖就安装好了。四,编写云函数pay完整代码如下//云开发实现支付 const cloud = require('wx-server-sdk')cloud.init() //1,引入支付的三方依赖 const tenpay = require('tenpay'); //2,配置支付信息 const config = ;exports.main = async(event, context) => 一定要注意把appid,mchid,partnerKey换成你自己的。到这里我们获取小程序支付所需参数的云函数代码就编写完成了。不要忘记上传这个云函数。出现下图就代表上传成功五,写一个简单的页面,用来提交订单,调用pay云函数。这个页面很简单,1,自己随便编写一个订单号(这个订单号要大于6位)2,自己随便填写一个订单价(单位是分)3,点击按钮,调用pay云函数。获取支付所需参数。下图是官方支付api所需要的一些必须参数。下图是我们调用pay云函数获取的参数,和上图所需要的是不是一样。六,调用wx.requestPayment实现支付下图是官方的示例代码这里不在做具体讲解了,完整的可以看视频。实现效果1,调起支付键盘2,支付完成3,log日志,可以看出不同支付状态的回调上图是支付成功的回调,我们可以在支付成功回调时,改变订单支付状态。下图是支付失败的回调,下图是支付完成的状态。到这里我们就轻松的实现了微信小程序的支付功能了。是不是很简单啊,完整的讲解可以看视频。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值