使用java如何实现一个微信H5支付功能

2023-05-31 16:48

短信预约 -IT技能 免费直播动态提醒

这篇文章将为大家详细讲解有关使用java如何实现一个微信H5支付功能，文章内容质量较高，因此小编分享给大家做个参考，希望大家阅读完这篇文章后对相关知识有一定的了解。

前面做了app微信支付的回调处理，现在需要做微信公众号的支付，花了一天多时间，终于折腾出来了！鉴于坑爹的微信官方没有提供Java版的demo,所以全靠自己按照同样坑爹的文档敲敲敲，所以记录下来，以供自己及后来人参考，不足之处，还请指正。

首先，我们贴出调用支付接口的H5页面,当然，在这个页面之前，还需要做很多其他的操作，我们一步一步的来。

坑爹的官方文档给了两个不同的支付接口，在微信公众平台开发中文档的“微信JS-SDK说明文档”中，给出的支付方式是下面被屏蔽的那一部分，而在商户平台的“H5调起支付API”中，又给了一份不同的接口，即下面未屏蔽正常使用的接口。关于坑爹的微信提供了两个不同的支付接口，网上搜索结果也是众说纷纷，所以，只有自己试了。当然，为了简单，我直接试了下面这一种，然后奇迹般的成功了。

<%@ page language="java" contentType="text/html; charset=UTF-8"   pageEncoding="UTF-8"%>  <!DOCTYPE html> <html>   <head>     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">     <title>微信网页支付</title>     <!-- <script type="text/javascript" class="lazy" data-src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script> -->     <!-- <script type="text/javascript" class="lazy" data-src=" https://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script> -->     <script type="text/javascript">                   // config信息验证后会执行ready方法，所有接口调用都必须在config接口获得结果之后，config是一个客户端的异步操作       //所以如果需要在页面加载时就调用相关接口，则须把相关接口放在ready函数中调用来确保正确执行       //wx.ready(function(){         //参数是后台传过来的，签名加密，随机数，时间戳等全部后台处理好         var appId="${appId}";         var timeStamp="${timeStamp}";         var nonceStr="${nonceStr}";         var prepay_id="${prepay_id}";//之前参数名叫package,对应api接口，因为package是关键字，被坑了一次         var sign="${paySign}";         //支付接口         function onBridgeReady(){             WeixinJSBridge.invoke(               'getBrandWCPayRequest', {                 "appId" : appId,   //公众号名称，由商户传入                  "timeStamp" : timeStamp, //时间戳，自1970年以来的秒数 (java需要处理成10位才行，又一坑)                 "nonceStr" : nonceStr, //随机串                 "package" : prepay_id, //拼装好的预支付标示                 "signType" : "MD5",//微信签名方式                 "paySign" : sign //微信签名               },               function(res){                 //使用以下方式判断前端返回,微信团队郑重提示：res.err_msg将在用户支付成功后返回  ok，但并不保证它绝对可靠。                 if(res.err_msg == "get_brand_wcpay_request:ok" ) {                      alert("支付成功");                        }else{                   alert("支付失败");                 }               }             );          }         if (typeof(WeixinJSBridge) == "undefined"){           if( document.addEventListener ){             document.addEventListener('WeixinJSBridgeReady', onBridgeReady, false);           }else if (document.attachEvent){             document.attachEvent('WeixinJSBridgeReady', onBridgeReady);             document.attachEvent('onWeixinJSBridgeReady', onBridgeReady);           }         }else{           onBridgeReady();         }       //});       //究竟哪个是支付接口            </script>   </head>   <body>        </body> </html>

免责声明：

① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的，并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据，供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。

② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341

h5支付 java

阅读原文内容投诉