将微信和支付宝支付的个二维码合二为一

因公司需要将支付宝和微信的二维码合成一个,不管用户用支付宝扫还是微信扫都能打开对应的支付页面,在网上找了一些文章,很感谢各位大神的经验,我也记录下我是如何将两个二维码合二为一的~。

原理:支付宝或微信生成的二维码中本质都内嵌了一个url,在扫码时实际是定向去访问二维码中内嵌的url,这样我就可以将这个url指定到我的一个控制器,在控制器中判断是微信还是支付宝软件扫的,然后去唤醒各自的支付即可。


1.首先生成二维码:

folderName:存储二维码图片的文件夹名

imageName:二维码图片名称

content:是在二维码中写入的内容,这里我传入的是URL:指定我判断软件类型的控制器

public static String genQRImage(String folderName, String imageName, String content) {
		//String filePath = System.getProperty("twtwebapp.root");
		String fileName = imageName + ".png";

		try {

			// 检查是否存在imageQR目录,不存在则先创建
			File file = new File(folderName);
			if (!file.exists() && !file.isDirectory()) {
				file.mkdir();
			}
			folderName = file.getAbsolutePath();

			int width = 200; // 图像宽度
			int height = 200; // 图像高度
			String format = "png";// 图像类型

			Map<EncodeHintType, Object> hints = new HashMap<EncodeHintType, Object>();
			hints.put(EncodeHintType.CHARACTER_SET, "UTF-8");
			hints.put(EncodeHintType.MARGIN, 1);
			BitMatrix bitMatrix = new MultiFormatWriter().encode(content, BarcodeFormat.QR_CODE, width, height, hints);// 生成矩阵
			Path path = FileSystems.getDefault().getPath(folderName, fileName);
			MatrixToImageWriter.writeToPath(bitMatrix, format, path);// 输出图像
			log.info("二维码已经生成," + path);
			fileName = path.toString();

		} catch (Exception e) {
			log.error(e.getMessage(), e);
			fileName = null;
		}
		return fileName;
	}


2.定义类型控制器:

大家一定都想问是如何判断打开软件的类型,把Request Header Cookie 都看看就明白了,扫码二维码时不会传入任何参数,

但会有一个请求头,就是这个请求头告知了我打开软件的类型。

使用request获取名为User-Agent的请求头,

支付宝的请求头:ucbrowser/1.0.0.100 u3/0.8.0 mobile safari/534.30 alipaydefined(nt:wifi,ws:360|604|3.0) aliapp(ap/9.9.7.112401) alipayclient/9.9.7.112401 language/zh-hans usestatusbar/true

微信的请求头: mqqbrowser/6.8 tbs/036887 safari/537.36 micromessenger/6.3.31.940 nettype/wifi language/zh_cn

就是根据这两个请求头去判断对应的软件类型,根据不同的软件类型去唤醒不同的支付。

@RequestMapping("qrcallback")
	public void qrcallback(HttpServletRequest request, HttpServletResponse response) throws IOException, AlipayApiException {
			
		String agent = request.getHeader("User-Agent").toLowerCase();
		System.out.println("响应头的类型:"+agent);
		if (agent.indexOf("micromessenger") > 0) {
			System.out.println("微信支付");			
		} else if (agent.indexOf("alipayclient") > 0) {
			System.out.println("阿里支付");
			
			String form = testService.aliPay();
			response.setContentType("text/html;charset=UTF-8");
			response.getWriter().write(form);//直接将完整的表单html输出到页面
			response.getWriter().flush();
//			response.sendRedirect("/ali.html");
		}		
	}

3.先说简单的,唤醒支付宝支付,其实使用的是 支付宝手机网站支付:这个需要签约噢~

https://b.alipay.com/signing/productDetail.htm?productId=I1011000290000001001

这个唤起支付可以看看官网是怎么写的:https://doc.open.alipay.com/docs/doc.htm?treeId=203&articleId=105285&docType=1

有两种方式:一种是页面唤醒,自己构建请求form参数然后请求支付宝唤醒支付操作,另一种是服务端调用支付宝的SDK去生

成form参数然后去请求支付宝,我使用的是第二种。

步骤:{

1.首先引入pom.xml依赖

		<!-- alipay-sdk -->
		<dependency>
			<groupId>com.twt.charge</groupId>
			<artifactId>alipay-sdk-java</artifactId>
			<version>20160519120058</version>
		</dependency>

2.生成form参数:

里面的参数自己填写从支付宝获取的那些参数,copy我的肯定出错哈

public String aliPay() throws AlipayApiException {
		AlipayClient alipayClient = new DefaultAlipayClient(openapi, SecurityUtil.decodeBase64(appid),
				SecurityUtil.decodeBase64(rsa_private_key), "json", "utf-8", SecurityUtil.decodeBase64(alipay_pub_key));
		AlipayTradeWapPayRequest alipayRequest = new AlipayTradeWapPayRequest();// 创建API对应的request
		alipayRequest.setReturnUrl("http://192.168.1.219:22222/ali.html");
		alipayRequest.setNotifyUrl("http://192.168.1.219:22222/callback");// 在公共参数中设置回跳和通知地址
		alipayRequest.setBizContent("{" + "    \"out_trade_no\":\"20160320020192222\"," + "    \"total_amount\":66.66,"
				+ "    \"subject\":\"主题\"," + "    \"seller_id\":\"213215dsa\"," +
				// " \"product_code\":\"QUICK_WAP_PAY\"" +
				"  }");// 填充业务参数
		String form = alipayClient.pageExecute(alipayRequest).getBody(); // 调用SDK生成表单

		return form;
	}
将这个form以流的形式输出即可。

如:

		response.setContentType("text/html;charset=UTF-8");
		response.getWriter().write(form);//直接将完整的表单html输出到页面
		response.getWriter().flush();

唤起支付宝支付就这么简单,但要注意参数中的账单号要是商户系统中唯一的账单号。


4.唤起微信支付:唤起的其实是微信公众号支付,做过公众号支付的同学都知道,调用微信公众号的统一下单API时

需要传入openID,即用户在该公众号的下的唯一标识,这个过程需要用于授权登录该公众号,这个过程是一个缺点,

用户仅仅只是微信的扫码支付,但你中间不是黑箱子的形式展示,而是在支付中多出了一个授权登录的页面,并且

也比较繁琐,在唤醒微信支付的过程中请求次数较多,所以微信支付会比正在的扫码支付会慢很多。

唤起微信公众号支付:{

步骤:


1.首先拼装好你的授权登录url。在类型控制中判断如果是微信支付则重定向到微信授权登录页面, 微信会重定向到

你在授权登录url中设置重定向url参数的页面,

2.跳转到这个页面后,先获取到用户code然后利用ajax访问服务端,

3.服务端使用code去获取用户的openID,

4.根据openID去调用微信公众号的统一下单API生成参数,然后返回给页面唤醒支付,这就是整个微信的流程,

中间访问了3次微信获取数据,整个流程共6次请求,需要将微信跳转的页面放到官网的微信目录下。

写这篇博文的时候因为支付宝我还没有签约,所以没有调通, 而微信 也只成功了一次,但第二次 什么都没改的情况

下就不行了,写这篇博文顺便捋捋思路,怎么更简单。


注:访问微信授权页面中的redirect_url参数可以添加请求参数。






  • 13
    点赞
  • 52
    收藏
    觉得还不错? 一键收藏
  • 14
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值