最详细的微信支付JSAPI完整流程_java版本

最新推荐文章于 2024-06-11 19:44:26 发布
最新推荐文章于 2024-06-11 19:44:26 发布
阅读量5.3w 收藏 48
点赞数 7
分类专栏： java 前端内容 第三方API 文章标签： 微信支付 java支付流程 JSAPI支付开发 openid 微信商户号
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/terry711/article/details/107815895
版权

要实现微信支付要满足几个条件：
一、有一个服务号，菜单栏里面有微信支付菜单的公众号
在这里插入图片描述

二、需要开通商户号，不是公众号，必须和公众号做关联操作
在这里插入图片描述

常用的几个参数 下面例子参数值已经经过处理

public final class WxConfig {
	public final static String appId = "wx98dc29047cexxxx"; // 公众号appid
	public final static String mchId = "1566911111";// 商户ID
	public final static String key = "xxxxxxx4TI4srY33SwkyXYojBzK6Fsp"; // 商户KEY 跟微信支付约定的密钥 
	public final static String payUrl = "https://api.mch.weixin.qq.com/pay/unifiedorder"; // 统一下单地址
	public final static String tradeType = "JSAPI"; // 支付方式
	public final static String secret="xxx9b86bdb6637a4ccfaf6e7e2609";//商户APPSECRET
}

以下是微信支付流程，后面会根据流程上响应的代码
在这里插入图片描述
微信工具包下载，其中很多类可以使用

https://pay.weixin.qq.com/wiki/doc/api/jsapi.php?chapter=11_1
在这里插入图片描述

1、获取用户code

https://open.weixin.qq.com/connect/oauth2/authorize

var code = getUrlParam('code') // 截取路径中的code，如果没有就去微信授权，如果已经获取到了就直接传code给后台获取openId
var local = window.location.href
if (code == null || code === '') {
	window.location.href = 'https://open.weixin.qq.com/connect/oauth2/authorize?appid=wx98dc29047xxxxx&redirect_uri=' + encodeURIComponent(local) +'&response_type=code&scope=snsapi_userinfo&state=1#wechat_redirect'
}

中间有几个参数
在这里插入图片描述
微信会通过回调的方式跳回原来的页面，code就是用户的会话ID了，某个时段有效。

redirect_uri/?code=CODE&state=STATE

2、获取openId

https://api.weixin.qq.com/sns/oauth2/access_token

拿到code以后为了安全性提交到后台，后台我这里是用的java springboot框架

String code = json.get("code").toString();
String res = get("https://api.weixin.qq.com/sns/oauth2/access_token?appid=" + WxConfig.appId + "&secret="+ WxConfig.secret + "&code=" + code + "&grant_type=authorization_code");
			JSONObject json1 = JSONObject.parseObject(res);
			String openId = json1.getString("openid");
			System.out.println(openId+"------------------------------");

这里使用的 WxConfig 就是文章开头的配置文件类

public String get(String url) throws Exception {
		// 创建HttpClient实例
		CloseableHttpClient client = HttpClientBuilder.create().build();
		// 根据URL创建HttpGet实例
		HttpGet get = new HttpGet(url);
		// 执行get请求，得到返回体
		HttpResponse response = client.execute(get);
		// 判断是否正常返回
		if (response.getStatusLine().getStatusCode() == HttpStatus.SC_OK) {
			// 解析数据
			String data = EntityUtils.toString(response.getEntity(), Charsets.UTF_8);
			System.out.println(data);
			return data;
		}
		return "";
	}

		<dependency>
			<groupId>org.apache.httpcomponents</groupId>
			<artifactId>httpclient</artifactId>
			<version>4.5.3</version>
		</dependency>
		<dependency>
			<groupId>com.alibaba</groupId>
			<artifactId>fastjson</artifactId>
			<version>1.2.3</version>
		</dependency>

3、发起订单

https://api.mch.weixin.qq.com/pay/unifiedorder

拿到openId以后就可以发起订单了

@RequestMapping("/payH5")
	@ResponseBody
	public Object payH5(HttpServletRequest request, HttpServletResponse response, @RequestBody Map<String, Object> json)
			throws Exception {
		try {
			String orderNo = UUID.randomUUID().toString().replaceAll("-", "");
			//记得自己把订单id保存下来 orderNo 
			String code = json.get("code").toString();

			String res = get("https://api.weixin.qq.com/sns/oauth2/access_token?appid=" + WxConfig.appId + "&secret="
					+ WxConfig.secret + "&code=" + code + "&grant_type=authorization_code");
			JSONObject json1 = JSONObject.parseObject(res);
			String openId = json1.getString("openid"); //获取的用户唯一标识
			System.out.println(openId+"------------------------------");
			Map<String, String> paraMap = new HashMap<>();
			paraMap.put("appid", WxConfig.appId);//公众号appid
			paraMap.put("body", json.get("body").toString());//商品说明
			paraMap.put("mch_id", WxConfig.mchId);//商家id
			paraMap.put("nonce_str", WXPayUtil.generateNonceStr());
			paraMap.put("openid", openId);			
			paraMap.put("out_trade_no", orderNo);
			paraMap.put("spbill_create_ip", "120.79.1.1");
			paraMap.put("total_fee", String.valueOf((int)(Double.parseDouble(kc.getSpjg())*100)));
			paraMap.put("trade_type", WxConfig.tradeType);
			paraMap.put("notify_url","http://yunkt.zmxzc.com//api/wxnotify");
			String apiKey = WxConfig.key;
			System.out.println(WXPayUtil.mapToXml(paraMap));
			String sign = WXPayUtil.generateSignature(paraMap, apiKey);
			paraMap.put("sign", sign);
			String xml = WXPayUtil.mapToXml(paraMap);
			System.out.println(xml);
			// 统一下单 https://api.mch.weixin.qq.com/pay/unifiedorder
			String unifiedorder_url = "https://api.mch.weixin.qq.com/pay/unifiedorder";

			String xmlStr = WXPayReport.httpRequest(unifiedorder_url, xml, 2000, 5000);
			// 以下内容是返回前端页面的json数据
			System.out.println(xmlStr);
			String prepay_id = "";// 预支付id
			if (xmlStr.indexOf("SUCCESS") != -1) {
				Map<String, String> map = WXPayUtil.xmlToMap(xmlStr);
				prepay_id = (String) map.get("prepay_id");
			}
			Map<String, String> payMap = new HashMap<String, String>();
			payMap.put("appId", WxConfig.appId);
			payMap.put("timeStamp", WXPayUtil.getCurrentTimestamp() + "");
			payMap.put("nonceStr", WXPayUtil.generateNonceStr());
			payMap.put("signType", "MD5");
			payMap.put("package", "prepay_id=" + prepay_id);
			String paySign = WXPayUtil.generateSignature(payMap, WxConfig.key);
			payMap.put("paySign", paySign);
			payMap.put("orderNo", orderNo);
			payMap.put("success", "0");
			return payMap;

		} catch (Exception e) {
			e.printStackTrace();
			Map<String, String> payMap = new HashMap<String, String>();
			payMap.put("success", "1");
			return payMap;

		}
//        return new SuccessResponseData();
	}

httpRequest 方法改写新增了 WXPayReport工具包中 的请求方法

public static String httpRequest(String url,String data, int connectTimeoutMs, int readTimeoutMs) throws Exception{
        BasicHttpClientConnectionManager connManager;
        connManager = new BasicHttpClientConnectionManager(
                RegistryBuilder.<ConnectionSocketFactory>create()
                        .register("http", PlainConnectionSocketFactory.getSocketFactory())
                        .register("https", SSLConnectionSocketFactory.getSocketFactory())
                        .build(),
                null,
                null,
                null
        );
        HttpClient httpClient = HttpClientBuilder.create()
                .setConnectionManager(connManager)
                .build();

        HttpPost httpPost = new HttpPost(url);

        RequestConfig requestConfig = RequestConfig.custom().setSocketTimeout(readTimeoutMs).setConnectTimeout(connectTimeoutMs).build();
        httpPost.setConfig(requestConfig);

        StringEntity postEntity = new StringEntity(data, "UTF-8");
        httpPost.addHeader("Content-Type", "text/xml");
        httpPost.addHeader("User-Agent", WXPayConstants.USER_AGENT);
        httpPost.setEntity(postEntity);

        HttpResponse httpResponse = httpClient.execute(httpPost);
        HttpEntity httpEntity = httpResponse.getEntity();
        return EntityUtils.toString(httpEntity, "UTF-8");
    }

payMap 返回的值就是我们调用支付所需要的参数的，所有的工作就是为了获取这些

4、调用微信支付，必须在微信内置浏览器，不然会失败

WeixinJSBridge.invoke('getBrandWCPayRequest', {
								"appId": data.appId, //公众号名称,由商户传入
								"timeStamp": data.timeStamp, //时间戳,自1970年以来的秒数
								"nonceStr": data.nonceStr, //随机串
								"package": data.package,
								"signType": data.signType, //微信签名方式：
								"paySign": data.paySign //微信签名
							}, function(res) {
								console.log(res);
								//window.location.href = local
								if (res.err_msg == "get_brand_wcpay_request:ok") {
									alert('支付成功');
									window.location.href =localStorage.getItem('location');
								} else if (res.err_msg == "get_brand_wcpay_request:cancel") {
									alert('支付取消');
									window.location.href =localStorage.getItem('location');
								} else if (res.err_msg == "get_brand_wcpay_request:fail") {
									alert('支付失败');
									window.location.href =localStorage.getItem('location');
								}else{
									alert('支付异常');	
									window.location.href =localStorage.getItem('location');
								}
							})

5、查询订单支付状态

Map<String, String> paraMap = new HashMap<>();
				paraMap.put("appid", WxConfig.appId);
				paraMap.put("mch_id", WxConfig.mchId);
				paraMap.put("nonce_str", WXPayUtil.generateNonceStr());
				paraMap.put("out_trade_no", f.getDdid());//前面的 String orderNo = UUID.randomUUID().toString().replaceAll("-", "");
				paraMap.put("spbill_create_ip", "120.79.1.1");
				String apiKey = WxConfig.key;
				String sign = WXPayUtil.generateSignature(paraMap, apiKey);
				paraMap.put("sign", sign);
				String xml = WXPayUtil.mapToXml(paraMap);
				System.out.println(xml);
				// 统一下单 https://api.mch.weixin.qq.com/pay/unifiedorder
				String unifiedorder_url = "https://api.mch.weixin.qq.com/pay/orderquery";

				String xmlStr = WXPayReport.httpRequest(unifiedorder_url, xml, 2000, 5000);
				// 以下内容是返回前端页面的json数据
				System.out.println(xmlStr);
				
				if (xmlStr.indexOf("SUCCESS") != -1) {
					Map<String, String> map = WXPayUtil.xmlToMap(xmlStr);
					if(map.get("trade_state")!=null&&((String) map.get("trade_state")).equals("SUCCESS")){
						//修改本地订单状态
						//这里的订单就是前面的String orderNo = UUID.randomUUID().toString().replaceAll("-", "");
					}
				}

在这里插入图片描述

<xml>
   <return_code><![CDATA[SUCCESS]]></return_code>
   <return_msg><![CDATA[OK]]></return_msg>
   <appid><![CDATA[wx2421b1c4370ec43b]]></appid>
   <mch_id><![CDATA[10000100]]></mch_id>
   <device_info><![CDATA[1000]]></device_info>
   <nonce_str><![CDATA[TN55wO9Pba5yENl8]]></nonce_str>
   <sign><![CDATA[BDF0099C15FF7BC6B1585FBB110AB635]]></sign>
   <result_code><![CDATA[SUCCESS]]></result_code>
   <openid><![CDATA[oUpF8uN95-Ptaags6E_roPHg7AG0]]></openid>
   <is_subscribe><![CDATA[Y]]></is_subscribe>
   <trade_type><![CDATA[MICROPAY]]></trade_type>
   <bank_type><![CDATA[CCB_DEBIT]]></bank_type>
   <total_fee>1</total_fee>
   <fee_type><![CDATA[CNY]]></fee_type>
   <transaction_id><![CDATA[1008450740201411110005820873]]></transaction_id>
   <out_trade_no><![CDATA[1415757673]]></out_trade_no>
   <attach><![CDATA[订单额外描述]]></attach>
   <time_end><![CDATA[20141111170043]]></time_end>
   <trade_state><![CDATA[SUCCESS]]></trade_state>
</xml>

这里整个流程就结束了。

lzy711
关注
  • 7
    点赞
  • 踩
  • 48
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
微信支付(JSAPI) 配置后可直接使用
06-22
java版微信jsapi支付 配置后可用 如有问题请添加, 这个分有点高。
JAVA版微信支付V3—JSAPI支付
stepByStep
12-05 3万+
微信支付V3版本JS API支付
JSAPI
最新发布
m0_61745856的博客
06-11 164
#innerText和innerHTML的区别。
jsapi支付java_Java实现JsApi方式的微信支付
weixin_40002611的博客
02-12 550
要使用JsApi进行微信支付，首先要从微信获得一个prepay_id，然后通过调用微信的jsapi完成支付，JS API的返回结果get_brand_wcpay_request:ok仅在用户成功完成支付时返回。由于前端交互复杂，get_brand_wcpay_request:cancel或者get_brand_wcpay_request:fail可以统一处理为用户遇到错误或者主动放弃，不必细化区分...
微信支付之JSAPI公众号支付
柠檬加冰
05-30 1万+
前提本教程默认以下几点你已经完全满足： 开通了认证后的服务号 服务号开通的微信支付的认证 腾讯给你的邮件中有商户登录的账号和密码 拥有一个可供上传代码和设置回调域名的网站或云服务 有一点点php知识。 第一步：公众号设置1、 你的公众号，在支付认证的标签下， 内容应该和下图类似。证明公众号已经完成了认证和合约的签署。2、 然后在微信支付–开发配置中，设置测试授权目录和测试白名单3、 在公众号设置-功
JSAPI微信支付java
qq_38410795冰淇淋的博客
07-06 2304
思路： 首先要有公众号（服务号）和商户号；在微信商户平台-->产品中心-->AppID账号管理中，关联AppID账号；比APP支付，第一次签名参数多了openId和secret参数，第二次签名参数改变较多详见下面方法 1、导入maven依赖 <dependency> <groupId>com.github.wxpay</groupId> <artifactId>wxpay-sdk</artifactId> &l
微信支付JSAPI支付修改版本wxpay-sdk-3.0.9
08-25
综上所述，这个修改过的wxpay-sdk-3.0.9版本是针对微信支付JSAPI支付的优化，解决了官方SDK的一些问题，提供了更完善的文档和更稳定的使用体验，对于使用微信支付的开发者来说，是一个非常有价值的资源。在实际应用...
微信jsapi V3支付、退款、小程序登录
07-15
微信JSAPI V3支付、退款以及小程序登录是微信支付接口中的关键组成部分，这些功能在现代电商和移动应用中被广泛使用。以下是对这些知识点的详细解释： 1. **微信JSAPI V3支付**： 微信JSAPI（JavaScript API）支付...
微信支付-JSAPI JAVA版 wxPay.rar
03-20
微信支付-JSAPI JAVA版是微信官方提供的一个用于在网页端进行支付的接口，主要针对Java开发者设计。JSAPI（JavaScript API）允许开发者通过在网页中调用微信支付的JavaScript库，实现用户无跳转的支付体验，提高了...
微信支付V3版本(JSAPI,NATIVE,APP)
09-23
公司业务需要,花了几天时间,先从V3版本的APP支付...本人分享的是公司项目最终实际可以使用的代码(也是参考别人的做了修改),语言为java,下单,加密等过程都在服务器完成,从而保证了安全,并且与支付宝支付流程基本一致.
微信支付最新版 V3java版本Demo可直接运行
06-03
微信支付提供了沙箱环境，开发者可以在其中进行接口测试，验证代码的正确性和支付流程的完整。 8. **合规性** 在使用微信支付时，开发者需遵守微信支付的各项规定，如不得违规诱导用户支付、不得虚假交易等。 这...
Java实现微信JSAPI支付
qq_40042416的博客
03-18 2645
官方文档 微信JSAPI支付 步骤： 商户后台系统下单，发起支付 生成第商户后台系统订单 请求下单接口，创建订单 微信支付系统会生成预支付订单 商户后台系统获取到预支付订单 生成签名支付信息 发起支付 代码示例： 获取微信预支付订单，返回给前端就行。 @ResponseBody @RequestMapping(value = "/pay",method = RequestMethod.POST,produces = "application/json;charset=utf-8") public
记录微信支付JSAPI（Java）
zdl_250143171的博客
07-25 1485
  记录下自己的学习,有坑。欢迎指正，轮子很多。小伙伴们可以去其他地方找找，我参考了好多能直接跑起来的代码，想贴链接的，找不到了。。。。。   微信支付： public class WxPay {          /**      *       * @param request       * @param orderSum //订单金额      * @param order   ...
JAVA开发微信支付(JSAPI方式)大致流程
热门推荐
长草颜团子
03-07 21万+
参考官方API文档 (先看哈官方文档好有一脸懵逼的感觉) https://pay.weixin.qq.com/wiki/doc/api/jsapi.php?chapter=9_1 官方SDK (相当于工具类,可以方便后面的XML和map转换,以及随机数和一些加密签名的操作,有java和PHP等开发SDK,这里选择java SDK进行下载) https://pay.weixin.qq.com/...
微信支付总结（JSAPI）(V3)(JAVA)
ZX5191的专栏
06-07 8512
前一阵子做了一个微信支付相关的功能，期间走了不少的弯路。在这里给大家趟趟雷，希望大家能因此受益。在这里，我从头到尾一步步给大家捋顺。
微信支付功能流程
xulong5000的专栏
12-25 1061
1：微信支付分很多种方式 如下图。这里单独讲解一下H5的支付，也就是微信公众号里面的支付方式 https://pay.weixin.qq.com/wiki/doc/api/index.html 2：在支付时一般会有一个选择支付方式页面。如下图，下订单成功后，跳转到选择支付方式页面。当如还要加一个微信支付功能 3：如果选择微信支付，这里会需要再自定义一个页面，显示具体的支付详细...
SpringBoot对接微信支付之JSAPI
qq_40549814的博客
04-23 1569
（2）唤起支付的页面域名，必须要在商户应用中心做好配置（必须是http/https,不允许本地，可以结合花生壳内网穿透调试，实在不行就打包线上调试），不然会提示：该域名尚未注册；（1）在对接JSAPI时应认真阅读官方文档，要多看几遍，然后在开始整理自己SDK的DEMO,确保在调试过程中，正常发起支付，且微信官方将支付完成信息正常回调通知到你的平台；自行创建简单SpringBootDemo。
SpringBoot整合微信支付JSAPI支付
丢丢的博客
04-06 1558
Springboot项目集成微信支付（JSAPI）,用于微信公众号对接支付功能。
springboot整合微信JSAPI支付（一）
qq_32649431的博客
03-08 685
spirngboot整合微信支付的前期准备工作
微信浏览器JSAPI的支付流程
04-01
4. 商户网站调用微信支付JSAPI接口，将prepay_id传递给微信支付平台。 5. 微信支付平台根据prepay_id生成支付参数，包括appId、timestamp、nonceStr、package、signType等信息。 6. 商户网站将支付参数传递给前端...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值