易支付微信小程序封装H5支付及H5跳转企业微信客服支付教程

H5支付是指商户在微信客户端外的移动端网页展示商品或服务,用户在前述页面确认使用微信支付时,商户发起本服务呼起微信客户端进行支付。
主要用于触屏版的手机浏览器请求微信支付的场景。可以方便的从外部浏览器唤起微信支付。但是官方的H5支付申请条件相对太高,今天就给大家介绍两种伪H5支付方式的教程

1.微信小程序封装H5支付
首先确保你申请过微信官方或者三方支付接口,并且能够以企业资质(含个体工商户)认证小程序,可以通过三方免费注册小程序。但是必须要商户主体和小程序主体一致。
下载小程序支付页面源码:易支付小程序前端或者进入TG群免费下载

将源码里面的 pages/pay 目录整合到你自己的任意小程序源码中,然后修改 app.json 的路由配置。不要直接把上面的小程序源码直接发布了,否则肯定审核不通过!比如我们这里以名片小程序为例,实际就是把pages/pay放到名片小程序的前端。
wxpay
在【小程序后台->开发->开发设置->服务器域名】设置request合法域名
wxmini
将改好的小程序源码通过微信开发者工具发布上线并审核通过。
wxpyamini
在后台公众号小程序列表,先添加一个微信小程序,然后在支付通道密钥配置那里,绑定刚才添加的微信小程序。
wxpay
注:一个微信小程序只能在一个网站使用,不能在多个网站同时使用!否则会经常出现“access_token is invalid or not latest”错误提示。 如果想多网站使用的可以对接微信公众号多域名回调系统,最终效果如下图
wxpay
2.H5跳转企业微信客服支付
首先你的易支付源码要是新版本,如果没有新版本的小伙伴可以点击购买下载最新版易支付

易支付后台点击系统设置-H5跳转微信客服支付
work
回调URL填写你当前显示的URL,Token填写你的企业微信创建的TOKEN,EncodingAESKey也是一样。是否开启H5跳转微信客服支付tf选择开启,微信客服支付消息模式选择默认,客服账号ID选择根据自己的情况选择是否多客服账号轮询。人工客服链接(可选)支付消息尾部附加内容(可选)。最终支付效果如下图:
wxwork
wxwork
wxwork
视频教程:https://youtu.be/GbLX6Cb7eoM