前台页面发起支付请求，后台调支付宝SDK提供的API，返回一个form表单到前台，前台直接发送支付请求，唤起支付宝支付页面

1. 
   
2. //前台发起支付请求
3. submits(){
4. debugger
5. const options = {
6. method: 'POST',
7. headers: { 'content-type': 'application/x-www-form-urlencoded' },
8. url:'/pictureweb/alipay/pay',
9. };
10. axios(options).then((res)=>{
11. debugger
12. this.showSubmitPage = false;
13. const form = res.data;
14. const div = document.createElement('div');
15. div.id = 'alipay';
16. div.innerHTML = form;
17. document.body.appendChild(div);
18. document.querySelector('#alipay').children[0].submit(); // 执行后会唤起支付宝
19. })
20. },
21. @PostMapping("/pay")
22. public void pay(HttpServletRequest request, HttpServletResponse response) throws Exception {
23. // 商户订单号，商户网站订单系统中唯一订单号，必填
24. String out_trade_no = UUID.randomUUID().toString();
25. logger.debug("========>1，生成的out_trade_no为"+out_trade_no+"<===========");
26. //user表增加订单号
27. String userName = (String) request.getAttribute("userName");
28. User user = new User();
29. user.setUserName(userName);
30. user.setOutTradeNo(out_trade_no);
31. user.setFlag(0);
32. userService.updateByUserName(user);
33. // 订单名称，必填
34. String subject = "测试";
35. // 付款金额，必填
36. String total_amount = "1";
37. // 商品描述，可空
38. String body = "测试";
39. // 超时时间 可空
40. String timeout_express = "2m";
41. // 销售产品码 必填
42. String product_code = "QUICK_WAP_PAY";
43. /**********************/
44. // SDK 公共请求类，包含公共请求参数，以及封装了签名与验签，开发者无需关注签名与验签
45. //调用RSA签名方式
46. AlipayClient client = new DefaultAlipayClient(AlipayConfig.URL, AlipayConfig.APPID, AlipayConfig.RSA_PRIVATE_KEY, AlipayConfig.FORMAT, AlipayConfig.CHARSET, AlipayConfig.ALIPAY_PUBLIC_KEY, AlipayConfig.SIGNTYPE);
47. AlipayTradeWapPayRequest alipay_request = new AlipayTradeWapPayRequest();
48. // 封装请求支付信息
49. AlipayTradeWapPayModel model = new AlipayTradeWapPayModel();
50. model.setOutTradeNo(out_trade_no);
51. model.setSubject(subject);
52. model.setTotalAmount(total_amount);
53. model.setBody(body);
54. model.setTimeoutExpress(timeout_express);
55. model.setProductCode(product_code);
56. alipay_request.setBizModel(model);
57. // 设置异步通知地址
58. alipay_request.setNotifyUrl(AlipayConfig.notify_url);
59. // 设置同步地址
60. alipay_request.setReturnUrl(AlipayConfig.return_url);
61. // form表单生产
62. String form = "";
63. try {
64. // 调用SDK生成表单
65. form = client.pageExecute(alipay_request).getBody();
66. response.setContentType("text/html;charset=" + AlipayConfig.CHARSET);
67. response.getWriter().write(form);//直接将完整的表单html输出到页面
68. response.getWriter().flush();
69. response.getWriter().close();
70. } catch (AlipayApiException e) {
71. e.printStackTrace();
72. }
73. }

return_url配置的是支付成功后的同步回调路径，也就是支付成功后，支付宝要访问的你的服务器路径，这个路径必须是外网可以访问的，这样支付宝才能调的通。可以在这个回调函数中做一些处理后跳转到一个页面，比如下面代码所示，验证成功后，跳转到paysuccess.html页面。

1. 
   
2. @GetMapping("/returnurl")
3. public void returnUrl(HttpServletRequest request, HttpServletResponse response) throws Exception {
4. //获取支付宝GET过来反馈信息
5. Map params = new HashMap();
6. Map requestParams = request.getParameterMap();
7. for (Iterator iter = requestParams.keySet().iterator(); iter.hasNext(); ) {
8. String name = (String) iter.next();
9. String[] values = (String[]) requestParams.get(name);
10. String valueStr = "";
11. for (int i = 0; i < values.length; i++) {
12. valueStr = (i == values.length - 1) ? valueStr + values[i]
13. : valueStr + values[i] + ",";
14. }
15. //乱码解决，这段代码在出现乱码时使用。如果mysign和sign不相等也可以使用这段代码转化
16. valueStr = new String(valueStr.getBytes("ISO-8859-1"), "utf-8");
17. params.put(name, valueStr);
18. }
19. //获取支付宝的通知返回参数，可参考技术文档中页面跳转同步通知参数列表(以下仅供参考)//
20. //商户订单号
21. String out_trade_no = new String(request.getParameter("out_trade_no").getBytes("ISO-8859-1"), "UTF-8");
22. //支付宝交易号
23. String trade_no = new String(request.getParameter("trade_no").getBytes("ISO-8859-1"), "UTF-8");
24. //获取支付宝的通知返回参数，可参考技术文档中页面跳转同步通知参数列表(以上仅供参考)//
25. //计算得出通知验证结果
26. //boolean AlipaySignature.rsaCheckV1(Map params, String publicKey, String charset, String sign_type)
27. boolean verify_result = AlipaySignature.rsaCheckV1(params, AlipayConfig.ALIPAY_PUBLIC_KEY, AlipayConfig.CHARSET, "RSA2");
28. if (verify_result) {//验证成功
29. //////////////////////////////////////////////////////////////////////////////////////////
30. //请在这里加上商户的业务逻辑程序代码
31. //验证成功跳转到前台支付结果页面
32. response.sendRedirect("http://ip:port/paysuccess.html?out_trade_no="+out_trade_no);
33. //——请根据您的业务逻辑来编写程序（以上代码仅作参考）——
34. //////////////////////////////////////////////////////////////////////////////////////////
35. } else {
36. //该页面可做页面美工编辑
37. response.sendRedirect("http://ip:port/payfail.html");
38. }
39. }

在这个paysuccess.html页面中可以每几秒去查询下自己的数据库中订单的状态，这个状态是支付宝通过异步回调notify_url配置的路径来修改的，当支付宝修改了订单状态，前台页面查询到后即可跳转到一个指定页面，支付完成。

1. 
   
2. @PostMapping("/notify")
3. public void notify(HttpServletRequest request, HttpServletResponse response) throws Exception {
4. //获取支付宝POST过来反馈信息
5. Map params = new HashMap();
6. Map requestParams = request.getParameterMap();
7. for (Iterator iter = requestParams.keySet().iterator(); iter.hasNext(); ) {
8. String name = (String) iter.next();
9. String[] values = (String[]) requestParams.get(name);
10. String valueStr = "";
11. for (int i = 0; i < values.length; i++) {
12. valueStr = (i == values.length - 1) ? valueStr + values[i]
13. : valueStr + values[i] + ",";
14. }
15. //乱码解决，这段代码在出现乱码时使用。如果mysign和sign不相等也可以使用这段代码转化
16. //valueStr = new String(valueStr.getBytes("ISO-8859-1"), "gbk");
17. params.put(name, valueStr);
18. }
19. //获取支付宝的通知返回参数，可参考技术文档中页面跳转同步通知参数列表(以下仅供参考)//
20. //商户订单号
21. String out_trade_no = new String(request.getParameter("out_trade_no").getBytes("ISO-8859-1"), "UTF-8");
22. //支付宝交易号
23. String trade_no = new String(request.getParameter("trade_no").getBytes("ISO-8859-1"), "UTF-8");
24. //交易状态
25. String trade_status = new String(request.getParameter("trade_status").getBytes("ISO-8859-1"), "UTF-8");
26. //获取支付宝的通知返回参数，可参考技术文档中页面跳转同步通知参数列表(以上仅供参考)//
27. //计算得出通知验证结果
28. //boolean AlipaySignature.rsaCheckV1(Map params, String publicKey, String charset, String sign_type)
29. boolean verify_result = AlipaySignature.rsaCheckV1(params, AlipayConfig.ALIPAY_PUBLIC_KEY, AlipayConfig.CHARSET, "RSA2");
30. if (verify_result) {//验证成功
31. //////////////////////////////////////////////////////////////////////////////////////////
32. //请在这里加上商户的业务逻辑程序代码
33. //——请根据您的业务逻辑来编写程序（以下代码仅作参考）——
34. if (trade_status.equals("TRADE_FINISHED")) {
35. logger.debug("========>2，交易状态为TRADE_FINISHED，out_trade_no为"+out_trade_no+"<===========");
36. //支付成功，user表flag置为1
37. User user = new User();
38. user.setOutTradeNo(out_trade_no);
39. user.setFlag(1);
40. userService.updateByOutTradeNo(user);
41. //判断该笔订单是否在商户网站中已经做过处理
42. //如果没有做过处理，根据订单号（out_trade_no）在商户网站的订单系统中查到该笔订单的详细，并执行商户的业务程序
43. //请务必判断请求时的total_fee、seller_id与通知时获取的total_fee、seller_id为一致的
44. //如果有做过处理，不执行商户的业务程序
45. //注意：
46. //如果签约的是可退款协议，退款日期超过可退款期限后（如三个月可退款），支付宝系统发送该交易状态通知
47. //如果没有签约可退款协议，那么付款完成后，支付宝系统发送该交易状态通知。
48. } else if (trade_status.equals("TRADE_SUCCESS")) {
49. logger.debug("========>2，交易状态为TRADE_SUCCESS，out_trade_no为"+out_trade_no+"<===========");
50. //支付成功，user表flag置为1
51. User user = new User();
52. user.setOutTradeNo(out_trade_no);
53. user.setFlag(1);
54. userService.updateByOutTradeNo(user);
55. //判断该笔订单是否在商户网站中已经做过处理
56. //如果没有做过处理，根据订单号（out_trade_no）在商户网站的订单系统中查到该笔订单的详细，并执行商户的业务程序
57. //请务必判断请求时的total_fee、seller_id与通知时获取的total_fee、seller_id为一致的
58. //如果有做过处理，不执行商户的业务程序
59. //注意：
60. //如果签约的是可退款协议，那么付款完成后，支付宝系统发送该交易状态通知。
61. }
62. //——请根据您的业务逻辑来编写程序（以上代码仅作参考）——
63. //////////////////////////////////////////////////////////////////////////////////////////
64. } else {//验证失败
65. //验证失败，user表flag置为3
66. User user = new User();
67. user.setOutTradeNo(out_trade_no);
68. user.setFlag(3);
69. userService.updateByOutTradeNo(user);
70. }
71. }
82. 支付确认中。。。。

推荐阅读：潮品会