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

痛定思痛。 2022-06-10 02:14 292阅读 0赞

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

原理：支付宝或微信生成的二维码中本质都内嵌了一个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依赖

<span style="white-space:pre">      </span>  
            <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生成参数，然后返回给页面唤醒支付，这就是整个微信的流程，