微信支付 简单的流程

最新推荐文章于 2020-07-08 01:14:21 发布
最新推荐文章于 2020-07-08 01:14:21 发布
阅读量4.1k 收藏 2
点赞数 1
分类专栏： 支付
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/cai_chinasoft/article/details/50608146
版权

h5 页面在微信浏览器里调用支付接口  ，写的一个测试的支付流程，比较乱，望勿吐槽。

简要代码如下

前端

1、准备

                                      if (typeof WeixinJSBridge == "undefined"){
					   if( document.addEventListener ){
					       document.addEventListener('WeixinJSBridgeReady', onBridgeReady, false);
					   }else if (document.attachEvent){
					       document.attachEvent('WeixinJSBridgeReady', onBridgeReady); 
					       document.attachEvent('onWeixinJSBridgeReady', onBridgeReady);
					   }
					   onBridgeReady();
					}else{
					   onBridgeReady();
					}


2、获取openId  

function onBridgeReady(){
		window.location.href="https://open.weixin.qq.com/connect/oauth2/authorize?appid=*******&redirect_uri=域名/wx/restf/np-pay-getOpenId?orderId="+$("#mergeId").val()+"&response_type=code&scope=snsapi_base&state=STATE#wechat_redirect";
		}

3、拿到openId 获取微信交互权限 

@RequestMapping("np-pay-getOpenId")
    public String getOpenId(Model model,HttpServletRequest request) {
		String code = request.getParameter("code");
		String orderId = request.getParameter("orderId");
		PersonOrder order = null;
		NpShop shop = null;
		double totalPrice = 0.0;
		List<PersonOrderMerge> personOrderMerges = null;
		
		if(StringHelper.isNotEmpty(orderId)) {
			personOrderMerges = personOrderMergeManager.findBy("parentId", orderId);
			if(personOrderMerges!=null) {
				for(PersonOrderMerge pom:personOrderMerges) {
					
					order = personOrderManager.findUniqueBy("id", pom.getOrderId());
					shop = shopManager.findUniqueBy("id", order.getShopId());
					totalPrice = totalPrice+order.getTotalPrice();
					
				}
			}
		}
		//获取opendId
		String openId = request.getSession().getAttribute("openId")==null?null:request.getSession().getAttribute("openId")+"";
		String accessTocken = request.getSession().getAttribute("accessTocken")==null?null:request.getSession().getAttribute("accessTocken")+"";
		String ticket = request.getSession().getAttribute("ticket")==null?null:request.getSession().getAttribute("ticket")+"";
		if(StringHelper.isNotEmpty(code)&&StringHelper.isEmpty(openId)) {
			//https://api.weixin.qq.com/sns/oauth2/access_token?appid=APPID&secret=SECRET&code=CODE&grant_type=authorization_code
			String requestUrl = "https://api.weixin.qq.com/sns/oauth2/access_token?appid="+ConfigUtil.APPID+"&secret="+ConfigUtil.APP_SECRECT+"&code="+code+"&grant_type=authorization_code";
			String result = CommonUtil.httpsRequest(requestUrl, "POST", null);
			//System.out.println("+++++++++++++++++++++++++++++++++++++++++++++++++"+result);
			if(result!=null) {
				JSONArray jsonArray = JSONArray.fromObject("["+result+"]");  
				List<Map<String,Object>> mapListJson = (List)jsonArray;  
		        for (int i = 0; i < mapListJson.size(); i++) {  
		            Map<String,Object> obj=mapListJson.get(i);  
		              
		            for(Entry<String,Object> entry : obj.entrySet()){  
		                String strkey1 = entry.getKey();  
		                Object strval1 = entry.getValue();  
		                System.out.println("KEY:"+strkey1+"  -->  Value:"+strval1+"\n");  
		                if("openid".equals(strkey1)) {
		                	openId = strval1+"";
		                	request.getSession().setAttribute("openId", openId);
		                	request.getSession().setMaxInactiveInterval(7000);
		                }
		            }  
		        } 
			}
		}
		if(StringHelper.isEmpty(accessTocken)) {
			String requestUrl = "https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid="+ConfigUtil.APPID+"&secret="+ConfigUtil.APP_SECRECT;
			String result = CommonUtil.httpsRequest(requestUrl, "GET", null);
			
			if(result!=null) {
				JSONArray jsonArray = JSONArray.fromObject("["+result+"]");  
				List<Map<String,Object>> mapListJson = (List)jsonArray;  
				for (int i = 0; i < mapListJson.size(); i++) {  
					Map<String,Object> obj=mapListJson.get(i);  
					
					for(Entry<String,Object> entry : obj.entrySet()){  
						String strkey1 = entry.getKey();  
						Object strval1 = entry.getValue();  
						System.out.println("KEY:"+strkey1+"  -->  Value:"+strval1+"\n");  
						if("access_token".equals(strkey1)) {
							accessTocken = strval1+"";
							request.getSession().setAttribute("accessTocken", accessTocken);
		                	request.getSession().setMaxInactiveInterval(7000);
						}
					}  
				} 
			}
		}
		if(StringHelper.isNotEmpty(accessTocken)&&StringHelper.isEmpty(ticket)) {
			String requestUrl = "https://api.weixin.qq.com/cgi-bin/ticket/getticket?access_token="+accessTocken+"&type=jsapi";
			String result = CommonUtil.httpsRequest(requestUrl, "GET", null);
			
			if(result!=null) {
				JSONArray jsonArray = JSONArray.fromObject("["+result+"]");  
				List<Map<String,Object>> mapListJson = (List)jsonArray;  
		        for (int i = 0; i < mapListJson.size(); i++) {  
		            Map<String,Object> obj=mapListJson.get(i);  
		              
		            for(Entry<String,Object> entry : obj.entrySet()){  
		                String strkey1 = entry.getKey();  
		                Object strval1 = entry.getValue();  
		                System.out.println("KEY:"+strkey1+"  -->  Value:"+strval1+"\n");  
		                if("ticket".equals(strkey1)) {
		                	ticket = strval1+"";
		                	request.getSession().setAttribute("ticket", ticket);
		                	request.getSession().setMaxInactiveInterval(7000);
		                }
		            }  
		        } 
			}
		}
		//下单参数
		SortedMap<Object,Object> parameters = new TreeMap<Object,Object>();
		parameters.put("appid", ConfigUtil.APPID);
		parameters.put("mch_id", ConfigUtil.MCH_ID);
		parameters.put("nonce_str", PayCommonUtil.CreateNoncestr());
		parameters.put("body", shop==null?"":shop.getTitle());
		parameters.put("out_trade_no", orderId);
		parameters.put("total_fee", Integer.parseInt(new java.text.DecimalFormat("0").format(totalPrice*100))+"");
		String Ip = IpAddressUtil.getIpAddr(request);
		if(Ip!=null) {
			Ip = Ip.split(",")[0];
		}
		parameters.put("spbill_create_ip",Ip);
		parameters.put("notify_url", ConfigUtil.NOTIFY_URL);
		parameters.put("trade_type", "JSAPI");
		parameters.put("openid", openId);
		String sign = PayCommonUtil.createSign("UTF-8", parameters);
		
		parameters.put("sign", sign);
		String requestXML = PayCommonUtil.getRequestXml(parameters);
		
		String result =CommonUtil.httpsRequest(ConfigUtil.UNIFIED_ORDER_URL, "POST", requestXML);
		
		try {
			Map<String, String> map = XMLUtil.doXMLParse(result);
			
			SortedMap<Object,Object> params = new TreeMap<Object,Object>();
			String timeStamp = Long.toString(new Date().getTime());
			String nonceStr = PayCommonUtil.CreateNoncestr();
			
	        params.put("appId", ConfigUtil.APPID);
	        params.put("timeStamp",timeStamp);
	        params.put("nonceStr", nonceStr);
	        params.put("package", "prepay_id="+map.get("prepay_id"));
	        params.put("signType", ConfigUtil.SIGN_TYPE);
	        String paySign =  PayCommonUtil.createSign("UTF-8", params);
	        params.put("packageValue", "prepay_id="+map.get("prepay_id"));    //这里用packageValue是预防package是关键字在js获取值出错
	        params.put("paySign", paySign);                                                          //paySign的生成规则和Sign的生成规则一致
	        params.put("sendUrl", ConfigUtil.SUCCESS_URL);                               //付款成功后跳转的页面
	        String userAgent = request.getHeader("user-agent");
	        char agent = userAgent.charAt(userAgent.indexOf("MicroMessenger")+15);
	        params.put("agent", new String(new char[]{agent}));//微信版本号，用于前面提到的判断用户手机微信的版本是否是5.0以上版本。
	        
	        model.addAttribute("appId", ConfigUtil.APPID);
	        model.addAttribute("timeStamp", timeStamp);
	        model.addAttribute("nonceStr", nonceStr);
	        model.addAttribute("package", "prepay_id="+map.get("prepay_id"));
	        model.addAttribute("signType", ConfigUtil.SIGN_TYPE);
	        model.addAttribute("packageValue", "prepay_id="+map.get("prepay_id"));
	        model.addAttribute("paySign", paySign);
	        model.addAttribute("sendUrl", ConfigUtil.SUCCESS_URL);
	        model.addAttribute("agent", new String(new char[]{agent}));
	        model.addAttribute("orderId", orderId);
	        SortedMap<Object,Object> parameters_ = new TreeMap<Object,Object>();
	        parameters_.put("jsapi_ticket", ticket);
	        parameters_.put("timestamp", timeStamp);
	        parameters_.put("noncestr", nonceStr);
	        parameters_.put("url", getFullURL(request));
	        String signature = PayCommonUtil.getSignature(parameters_);
	    
	        model.addAttribute("signature", signature);
	       // String json = JSONObject.fromObject(params).toString();
		} catch (JDOMException e) {
			// TODO Auto-generated catch block
			e.printStackTrace();
		} catch (IOException e) {
			// TODO Auto-generated catch block
			e.printStackTrace();
		}//解析微信返回的信息，以Map形式存储便于取值
		return "h5/wx/topay";
	}

4、跳转到前端页面 调用支付控件 

<script src="${ctx }/assets/goods/js/jquery.min.js"></script>
<script type="text/javascript" charset="UTF-8" src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>

<script type="text/javascript">
function pay(){
    var appId = $('#appId').val();
    var timeStamp = $('#timeStamp').val();
    var nonceStr = $('#nonceStr').val();
    var pk = $('#package').val();
    var signType = $('#signType').val();
    var paySign = $('#paySign').val();
    //config
    var signature = $('#signature').val();
    var activityId = $('#activityId').val();
    wx.config({
        debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
        appId: appId, // 必填，公众号的唯一标识
        timestamp:timeStamp, // 必填，生成签名的时间戳
        nonceStr: nonceStr, // 必填，生成签名的随机串
        signature: signature,// 必填，签名，见附录1
        jsApiList: ['chooseWXPay'] // 必填，需要使用的JS接口列表，所有JS接口列表见附录2
    });
    wx.ready(function(){
        // config信息验证后会执行ready方法，所有接口调用都必须在config接口获得结果之后，config是一个客户端的异步操作，所以如果需要在页面加载时就调用相关接口，则须把相关接口放在ready函数中调用来确保正确执行。对于用户触发时才调用的接口，则可以直接调用，不需要放在ready函数中。
        wx.chooseWXPay({
            timestamp: timeStamp, // 支付签名时间戳，注意微信jssdk中的所有使用timestamp字段均为小写。但最新版的支付后台生成签名使用的timeStamp字段名需大写其中的S字符
            nonceStr: nonceStr, // 支付签名随机串，不长于 32 位
            package: pk, // 统一支付接口返回的prepay_id参数值，提交格式如：prepay_id=***）
            signType: signType, // 签名方式，默认为'SHA1'，使用新版支付需传入'MD5'
            paySign: paySign, // 支付签名
            complete: function (res) {
                // 支付成功后的回调函数
                //location.href=basePath+'/activityorder/activity-order!list.action?activityId='+activityId;
                if(res.errMsg=="chooseWXPay:ok"){
                	$.ajax({ 
  			    	  url: "${ctx}/np/restf/person/np-orders-merge-update", 
  			    	  data:{mergeId:$("#mergeId").val()}, 
  			    	  dataType: "json",
  			    	  async: false,
  			    	  type: 'POST',
  			    	  success: function(data){
  			    		  window.location.href="${ctx}/h5/person-order-list?yhId="+localStorage.getItem("yhId");
  			          }
  			   		 });
                }else{
                	alert("支付失败。");
                	window.location.href="${ctx}/h5/person-order-list?yhId="+localStorage.getItem("yhId");
                }
            	
            }
        });
    });
}
</script>
</head>
<body οnlοad="pay()">

    <input id="mergeId" type="hidden" value="${orderId}" />
    <input id="appId" type="hidden" value="${appId}" />
    <input id="timeStamp" type="hidden" value="${timeStamp}" />
    <input id="nonceStr" type="hidden" value="${nonceStr}" />
    <input id="package" type="hidden" value="${package}" />
    <input id="signType" type="hidden" value="${signType}" />
    <input id="paySign" type="hidden" value="${paySign}"/>

    <input id="signature" type="hidden" value="${signature}"/>
</body>
</html>

完成支付，

月无心137
关注
  • 1
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
微信公众号支付 流程
wisdom-chen
06-24 2434
1.支付参数准备公众号的APPID、商户号MchID、商户API支付秘钥(商户平台的账户中心下:需要用户自行下载证书及安装)。2.平台配置商户平台--&gt;产品中心--&gt;开发配置--&gt;支付配置--&gt;公众号支付：支付授权目录(该路径需要通过备案)点击添加公众号配置：参见官方支付文档https://pay.weixin.qq.com/wiki/doc/api/jsapi.php?c...
微信支付流程
qq_42148802的博客
03-26 1万+
一.微信支付流程 APP用户点击进行支付，会向我们自己的订单服务发送请求，携带订单的相关信息 订单服务接收到请求之后需要保存订单，调用微信统一下单接口生成预支付订单，微信会返回预支付订单标识，订单服务会根据微信返回的标识生成带签名的支付信息 App端发起支付，向服务端查询带签名的支付信息，服务端返回带签名的支付信息 APP端使用带签名的支付信息，调用微信客户端唤醒微信APP 微信APP会向微信支付系统发起支付请求，微信支付系统会校验支付授权，返回授权结果 跳转微信支付界面，用户输入支付密码，提交授权，发
IpUtil 工具类通过request来获取IP地址
qq_42298793的博客
07-08 416
package cc.mrbird.febs.common.utils; import javax.servlet.http.HttpServletRequest; /** * @author MrBird */ public class IpUtil { private static final String UNKNOWN = "unknown"; /** * 获取 IP地址 * 使用 Nginx等反向代理软件， 则不能通过 request.getRemoteAddr()获取 .
5vshop电商系统免费版（支持微信、支付宝支付）
04-30
5vShop是一套企业级开源电商系统，采用全新架构开发， 使用多种前沿创新技术，完美打通各渠道，实现全终端数据同步，集合PC+微信+手机版无缝整合于一体，打造一个真正的生态化电商平台。
支付业务流程--h5、APP
马春林的专栏
05-17 604
支付业务流程-
微信支付对接流程详解，适合小白
04-22
要对接微信支付接口，需要进行以下几个步骤: 1.注册微信支付商户号。在微信支付平台上注册一个商户账号，并完成相关认证和资料填写。 2下载微信支付开发工具包。在微信支付平台下载相应的AP或SD开发使用的语言不同，...
微信支付的开发流程详解
12-19
2.服务器处理订单逻辑，开始正式发起支付流程 3.首先，后台服务器向weixin服务器发起请求，获取一个token。 4.后台服务器拿到token，使用和其他参数加密，再次向weixin服务器发起请求，获取一个预支付prepayid 5....
微信支付javaSpringboot对接开发微信支付
最新发布
03-21
- 在模拟环境下进行完整的支付流程测试，验证整个流程的顺畅性和准确性。 3. **安全性和性能测试**： - 进行安全性测试，确保支付过程中数据的安全传输。 - 进行性能测试，评估系统的稳定性和响应速度。 #### ...
浅谈使用PHP开发微信支付的流程
10-23
整个微信支付流程涉及的技术点较多，包括HTTP请求、XML和JSON的处理、MD5签名算法以及前端的js-sdk调用等。在实际开发中，开发者可能还需要处理支付结果通知以及对支付结果进行校验，确保支付安全。支付结果通知是...
微信支付的申请流程
01-08
公众号认证后才可申请微信支付，认证费：300元/次。 第三步：提交资料申请微信支付 登录公众平台，点击左侧菜单【微信支付】，开始填写资料等待审核，审核时间为1-5个工作日内。 第四步：开户成功，登录商户平台进行...
java工具类-HttpUtil.getIpAddr(request) 获取真实ip地址
龙的传人
10-29 3974
package cn.com.hwqh.user.util.http; import javax.servlet.http.HttpServletRequest; /** * @program: huawen-cloud-parent * @ClassName: HttpUtil * @version: 1.0 * @description: 获取真实ip * @author: zh...
关于支付宝的支付流程
清风洒脱
10-26 2862
关于支付 现在的电商项目已经非常火爆了，随之而来的像支付宝，微信等第三方支付也非常的火爆，所以这里简单的说一下支付宝的支付流程。 支付步骤 工作前准备 首先我们需要在蚂蚁金服官网上面注册一个开发者账号，上面有关于开发者的文档和需要的SDK到这我们就可以做一些实质性的开发了。 创建应用并获取APPID 配置秘钥 这里会生成RSA秘钥，（就是一种非对称的加密）的加密方式 它的秘钥分
解决：微信支付坑多？其实很简单！在WXPayEntryActivity回调方法中向后台验证支付结果，但获取不到OrderID，下面几种办法应该可以解决。
马路路 .的博客
03-21 1725
如标题，好久没做微信支付，之前的坑忘了，今天又遇到，记下来供朋友们参考，话不多说，先大致简单的介绍一下集成微信支付的流程，就几行字的事，希望朋友们有点耐心。 Step1. 在微信开放平台上下载微信的SDK，然后扔到你的项目里，并添加上依赖； Step2. 在你准备请求微信支付的Activity里，先注册一下子微信支付SDK，然后调用就行了； 这是注册奥： private IWXAP...
JAVA版微信支付V3—JSAPI支付
热门推荐
stepByStep
12-05 3万+
微信支付V3版本JS API支付
微信支付H5调用支付详解
夜-feng的专栏
08-11 3万+
微信公众号支付H5调用支付详解 最近项目需要微信支付，然后看了下微信公众号支付，，虽然不难，但是细节还是需要注意的，用了大半天时间写了个demo，并且完整的测试了一下支付流程，下面分享一下微信公众号支付的经验。 一、配置公众号微信支付      需要我们配置微信公众号支付地址和测试白名单。         比如：支付JS页面的地址为 http://www.
微信公众号支付WeixinJSBridge
b850824的博客
06-29 2万+
微信公众号中直接发起支付 此前开发更具官方文档一直在使用，wx.chooseWXPay方法完成支付，WeixinJSBridge最开始开发微信的时候也有使用，但是经常出问题，支付不能发起，当时查找好的文章，基本都在说官方在逐步抛弃改方法，所以后续开发使用了，wx.chooseWXPay，个人感觉次方式繁琐，要进行以下几步： 1、引用js库<script src="http://res.wx
基于HTML5之APP微信支付集成实现
图解AI
08-01 2万+
一 摘要这里HTML5集成微信支付跟iOS,安卓集成微信支付过程是一样的,iOS微信集成参考之前的文章. http://blog.csdn.net/baihuaxiu123/article/details/51415717 这里引用之前文章的集成过程.如下:商户系统和微信支付系统主要交互说明：步骤1：用户在商户APP中选择商品，提交订单，选择微信支付。 步骤2：商户后台收到用户支付单，调用微信支
OrderId改如何选择？
weixin_30894389的博客
07-21 892
OrderId排序字段，最近包括以前用到的项目都是int类型，一直没什么感受，昨天的项目确实感到用int类型那是相当的不方便。 排序的时候我们一般按照一定的模式进行编排，这个模式很象树状结构，想想部门列表其实就是这个样子了。一般情况下我们不需要注意什么，但是当记录很多，时不时需要插入一些排在前面的信息时，用Int类型如果提前编排好还行，如果编排不好，要用的编号被占用，那就有够处理。 用N...
微信服务号 微信支付开发
博水之野，人杰地灵
02-14 2248
微信支付，需要通过微信支付验证 目前，支付仅限服务号， 做微信支付开发，主要看开发文档 统一下单， 订单查询 退款等1.发起支付，都是通过h5发起的，首先获取prepay_id发起支付，需要统一下单的prepay_idSortedMap<Object, Object> parameters = new TreeMap<Object, Object>(); parameter
uniapp微信支付详细流程
04-04
以下是Uniapp微信支付详细流程： 1. 在微信商户平台注册账号并完成认证。 2. 在微信商户平台创建一个应用并获取应用的AppID和AppSecret。 3. 在Uniapp项目中安装并引入微信支付插件。 4. 在Uniapp项目中创建一个...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值