当前位置:   article > 正文

Spring Boot集成支付宝(最新版SDK)—— H5/网页支付_springboot+h5页面集成支付宝扫码支付

springboot+h5页面集成支付宝扫码支付

目录

获取源码—GitHub仓库地址

闲言碎语

一些重要的网址或文档

发起支付的业务流程图

沙箱环境简介&基础开发配置

创建Spring Boot项目

编写支付页面和回调页面

搭建内网穿透

配置Spring Boot项目&初始化支付宝SDK

 编写下单支付接口

 支付测试

下单支付的定制化参数

支付完成的回调

总结


获取源码—GitHub仓库地址

https://github.com/QiuFengYanMeng/alipay-demo

闲言碎语

最近有朋友咨询第三方支付相关的开发,心血来潮想疾书一番。

正好支付宝有提供沙箱环境,我们个人开发者也可以进行开发、测试,不需要你有企业资质,降低了学习门槛。支付宝的Java SDK换成了较新的版本,我个人觉得新版本的SDK和旧版本相比很简洁,值得更换

但是现在网上大量的教程,普遍都是老版本SDK,这是因为新版本才刚出来没多久。所以笔者也想趁这个时机,写下此文,希望后来者集成支付宝的时候能少走弯路。

一些重要的网址或文档

1、支付宝支付官网:支付宝 知托付!

2、支付宝开放平台-文档中心:创建应用 | 网页&移动应用

3、natapp内网穿透工具官网:NATAPP-内网穿透 基于ngrok的国内高速内网映射工具

发起支付的业务流程图

图片来自支付宝开放平台。

上面的流程图,已经大致描述了发起支付的过程,这里笔者用自己的语言,详细地转化一下:

  • 下单。这里的下单,在项目中往往表现为用户确认了订单、然后选择支付方式、点击立即支付,即当用户点击“立即支付”时才产生的动作。 这一步要发送一个请求到我们的服务器,假如说系统中立即支付的API路径是/pay,参数一般就是订单包含的订单项,如商品id、购买数量、优惠券id等。
  • 服务器端处理用户的下单请求。在这一步,是业务比较多的一步,也是关键步骤。我们根据客户端传来的商品id、数量、优惠券等参数,计算出每一个商品的单价、订单的总金额等(金额是不应该由客户端直接传的,应该由服务器端计算,更安全)。再生成一个订单号。然后调用一个接口,把这些参数(如商品名称、支付金额、订单号等)打包传给支付宝,也就是对应上图中的1.1。
  • 依然是处理用户的下单请求,只是我嫌段落太长,换一段。在图中的1.1,我们调用了支付宝的接口。其实图中还少了一步1.2,那就是支付宝会返回一段html文档,就是大家经常看到的带二维码的PC端支付页面。请注意,到这一步,对客户端来说依然是在访问/pay接口,因为我们还没有对请求作出响应,只是一直在和支付宝交互罢了。所以,我们把支付宝返回的html文档作为响应信息,返回给客户端,客户端直接加载这一段html文档,用户就看到了一个支付页面。
  • 到了这里,对应上图中的2、3、4、5步,和我们的服务器就没关系了,完全是用户在进行支付的过程。
  • 到了第6步,用户支付完成,支付宝会跳转到一个我们指定的网页,这个网页一般是我们自定义的页面,比如在网页上显示“您已成功购买xxx商品,感谢您的支持”等。注意,此处的returnUrl只是跳转到我们自定义的友好页面,告诉用户支付成功了,只做展示用途,并非真正的支付回调。
  • 到了第7步,支付宝会调用我们指定的回调API接口,将一些参数传给我们,如交易流水号、订单号,我们可以根据这些信息查询交易是否真的成功了(第8步),从而执行后续的业务,比如将订单状态变为已支付、给用户增加积分、扣减优惠券……等。

沙箱环境简介&基础开发配置

支付宝有一个供开发者测试使用的沙箱环境,会提供一个沙箱版的支付宝app、一个商家账户、一个买家账户。有了这个,可以让我们跳过商家入驻、企业资质审核等过程,开箱即用,降低了学习成本。

现在,让我们简单的配置沙箱环境。

1、进入到支付宝支付官网,点击“我是开发者”,在新的页面右上角,用你自己的支付宝扫码登录,再点击开发服务中的研发服务

此时就到了沙箱应用的控制台,会为你分配一个APPID:

2、出于安全性的考虑,我们需要生成一份公钥和私钥,公钥提供给支付宝,支付宝对数据进行加密;私钥用于解析支付宝传来的加密数据,由我们自行保管。支付宝提供了公钥和私钥的生成工具,在文档中心点击“开发工具”

然后在这个地方根据你的系统下载工具:

我们打开下载好的工具,在以下地方点击“生成密钥”:

把私钥和公钥保存好。

3、回到沙箱应用控制台,点击这个地方设置公钥(注意不是公钥证书哦,我们用的不是证书的方式)

在弹出的窗口,把刚才生成的公钥复制粘贴进去,点击确定:

其中支付宝公钥就是我们上传的公钥,应用公钥是支付宝为我们自动生成的。

在沙箱应用控制台,扫码下载沙箱版的支付宝(目前只有安卓版),提供了一个商家号、一个买家号,其中买家号里面有10万块钱(可惜不能提现呵呵呵),后面支付的时候会用

创建Spring Boot项目

创建Spring Boot项目的过程我就省略了,我前面的文章都有,有问题也可以联系我,联系方式在文末。

这里只贴一下我的pom.xml依赖:

  1. <dependencies>
  2. <dependency>
  3. <groupId>org.springframework.boot</groupId>
  4. <artifactId>spring-boot-starter-web</artifactId>
  5. </dependency>
  6. <dependency>
  7. <groupId>org.projectlombok</groupId>
  8. <artifactId>lombok</artifactId>
  9. <optional>true</optional>
  10. </dependency>
  11. <dependency>
  12. <groupId>org.springframework.boot</groupId>
  13. <artifactId>spring-boot-starter-test</artifactId>
  14. <scope>test</scope>
  15. <exclusions>
  16. <exclusion>
  17. <groupId>org.junit.vintage</groupId>
  18. <artifactId>junit-vintage-engine</artifactId>
  19. </exclusion>
  20. </exclusions>
  21. </dependency>
  22. <!-- https://mvnrepository.com/artifact/com.alipay.sdk/alipay-easysdk -->
  23. <dependency>
  24. <groupId>com.alipay.sdk</groupId>
  25. <artifactId>alipay-easysdk</artifactId>
  26. <version>2.0.2</version>
  27. </dependency>
  28. </dependencies>

只有基本的web、lombok、支付宝的sdk依赖,下面介绍一下我的项目结构:

  1. PaymentBO是接收controller层的入参,如商品id、购买数量等等,结合具体的业务而定,我在这里只是使项目更规范,所以这个类省略了很多字段;
  2. PayController是控制器,负责分发请求,主要是处理用户的支付请求,以及支付宝的回调;
  3. ProjectInit是项目初始化时执行的一些操作,适合在整个过程中只需要执行一次的业务;
  4. PayService是真正的服务层,主要的业务代码在这里;
  5. OrderUtil是一个订单工具类,主要是生成随机订单号,当然这个类只是简单的实现一下;
  6. index.html是模拟下单支付的页面;
  7. return.html是支付完成之后的友好页面。

编写支付页面和回调页面

在index.html编写如下代码:

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>确认订单</title>
  6. </head>
  7. <body>
  8. <div>
  9. 您的订单信息如下,请确认无误后支付:<br />
  10. xxxxxxxxxx省略订单信息xxxxxxxxxx
  11. <form>
  12. <button type="submit">确认支付</button>
  13. </form>
  14. </div>
  15. </body>
  16. </html>

在return.html编写以下代码:

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>支付成功</title>
  6. </head>
  7. <body>
  8. <div>
  9. 您已成功购买此商品,感谢您的支持
  10. </div>
  11. </body>
  12. </html>

搭建内网穿透

回调地址肯定要外网可以访问,要不然支付宝怎么会调用得到呢?但是我们作为开发者可能没有自己到服务器和域名,所以我们使用内网穿透工具natapp获取临时域名,很简单,我在之前已经讲过了,所以不再赘述,有不懂到可以去看我到这篇文章:

公众号开发&内网穿透

映射完成之后,启动项目,用临时域名测试一下上面的页面:

配置Spring Boot项目&初始化支付宝SDK

在application.yml配置文件,将公钥、私钥、APPID、支付宝的网关、页面回调、接口回调等信息配置进来:

  1. alipay:
  2. appId: 换成你自己的APPID
  3. privateKey: 换成你自己的私钥
  4. publicKey: 换成你自己的公钥
  5. #支付网关配置,这一项是写死的,正式环境是openapi.alipay.com
  6. gateway: openapi.alipaydev.com
  7. #支付成功之后的回调页面,只是一个友好页面。主要换成你自己映射的临时域名
  8. returnUrl: http://frnqxw.natappfree.cc/return.html
  9. #支付成功的接口回调,我们还没写,先空着
  10. notifyUrl:

接下来我们就要读取支付宝的文档了:

新版本的SDK 把大部分操作都封装到了Factory类中,但是Factory类在使用之前需要我们配置一下参数,且全局配置一次即可,所以我们把这部分代码拿到ProjectInit类中,在项目启动时执行一次:

  1. package com.course.java.alipay.init;
  2. import com.alipay.easysdk.factory.Factory;
  3. import com.alipay.easysdk.kernel.Config;
  4. import org.springframework.beans.factory.annotation.Value;
  5. import org.springframework.boot.ApplicationArguments;
  6. import org.springframework.boot.ApplicationRunner;
  7. import org.springframework.stereotype.Component;
  8. /**
  9. * 项目初始化
  10. *
  11. * @author wangziyang
  12. * @date 2020-09-08
  13. * */
  14. @Component
  15. public class ProjectInit implements ApplicationRunner {
  16. //应用id
  17. @Value("${alipay.appId}")
  18. private String appId;
  19. //私钥
  20. @Value("${alipay.privateKey}")
  21. private String privateKey;
  22. //公钥
  23. @Value("${alipay.publicKey}")
  24. private String publicKey;
  25. //支付宝网关
  26. @Value("${alipay.gateway}")
  27. private String gateway;
  28. //支付成功后的接口回调地址,不是回调的友好页面,不要弄混了
  29. @Value("${alipay.notifyUrl}")
  30. private String notifyUrl;
  31. /**
  32. * 项目初始化事件
  33. * */
  34. @Override
  35. public void run(ApplicationArguments args) throws Exception {
  36. //初始化支付宝SDK
  37. Factory.setOptions(getOptions());
  38. System.out.println("**********支付宝SDK初始化完成**********");
  39. }
  40. private Config getOptions() {
  41. //这里省略了一些不必要的配置,可参考文档的说明
  42. Config config = new Config();
  43. config.protocol = "https";
  44. config.gatewayHost = this.gateway;
  45. config.signType = "RSA2";
  46. config.appId = this.appId;
  47. // 为避免私钥随源码泄露,推荐从文件中读取私钥字符串而不是写入源码中
  48. config.merchantPrivateKey = this.privateKey;
  49. //注:如果采用非证书模式,则无需赋值上面的三个证书路径,改为赋值如下的支付宝公钥字符串即可
  50. config.alipayPublicKey = this.publicKey;
  51. //可设置异步通知接收服务地址(可选)
  52. config.notifyUrl = notifyUrl;
  53. return config;
  54. }
  55. }

再次启动项目:

 编写下单支付接口

既然要下单,肯定少不了传参,所以我们这里简单的声明一个PaymentBO类:

  1. package com.course.java.alipay.bo;
  2. import lombok.Data;
  3. import java.math.BigDecimal;
  4. /**
  5. * 发起支付时的参数
  6. * */
  7. @Data
  8. public class PaymentBO {
  9. //省略其他的业务参数,如商品id、购买数量等
  10. //商品名称
  11. private String subject;
  12. //总金额
  13. private BigDecimal total = BigDecimal.ZERO;
  14. }

然后在OrderUtil编写如下代码:

  1. package com.course.java.alipay.util;
  2. import java.time.Instant;
  3. import java.time.LocalDateTime;
  4. import java.time.ZoneOffset;
  5. import java.time.format.DateTimeFormatter;
  6. public class OrderUtil {
  7. /**
  8. * 根据时间戳生成订单号
  9. * */
  10. public static String getOrderNo () {
  11. DateTimeFormatter df = DateTimeFormatter.ofPattern("yyyyMMddHHmmssSSS");
  12. LocalDateTime localDateTime = Instant.ofEpochMilli(System.currentTimeMillis()).atZone(ZoneOffset.ofHours(8)).toLocalDateTime();
  13. return df.format(localDateTime);
  14. }
  15. }

接下来,继续看文档:

按照文档描述,我们只需要Factory.Payment.Page.pay就可以发起一个支付请求,比之前还是简洁了不少,其他操作都封装好了。所以我们在PayService编写以下代码:

  1. package com.course.java.alipay.service;
  2. import com.alipay.easysdk.factory.Factory;
  3. import com.alipay.easysdk.payment.facetoface.models.AlipayTradePayResponse;
  4. import com.alipay.easysdk.payment.page.models.AlipayTradePagePayResponse;
  5. import com.course.java.alipay.bo.PaymentBO;
  6. import com.course.java.alipay.util.OrderUtil;
  7. import org.springframework.beans.factory.annotation.Value;
  8. import org.springframework.stereotype.Service;
  9. import java.math.BigDecimal;
  10. /**
  11. * 支付宝支付,业务实现
  12. *
  13. * @author wangziyang
  14. * @date 2020-09-08
  15. * */
  16. @Service
  17. public class PayService {
  18. //支付成功后要跳转的页面
  19. @Value("${alipay.returnUrl}")
  20. private String returnUrl;
  21. /**
  22. * 下单支付
  23. * */
  24. public Object pay (PaymentBO bo) throws Exception {
  25. //从存储介质(如MySQL、Redis)查询商品信息、总金额等敏感信息
  26. //…………省略相关代码,这里直接赋值…………
  27. bo.setSubject("测试商品");
  28. bo.setTotal(new BigDecimal(10.00));
  29. //调用sdk,发起支付
  30. AlipayTradePagePayResponse response = Factory.Payment
  31. //选择网页支付平台
  32. .Page()
  33. //调用支付方法,设置订单名称、我们自己系统中的订单号、金额、回调页面
  34. .pay(bo.getSubject() , OrderUtil.getOrderNo(), bo.getTotal().toString() , returnUrl);
  35. //这里的response.body,就是一个可以直接加载的html片段,
  36. // 这里为了简单我直接返回这个片段,前端直接
  37. return response.body;
  38. }
  39. }

再往下,编写PayController:

  1. package com.course.java.alipay.controller;
  2. import com.course.java.alipay.bo.PaymentBO;
  3. import com.course.java.alipay.service.PayService;
  4. import lombok.AllArgsConstructor;
  5. import org.springframework.web.bind.annotation.*;
  6. import java.util.Map;
  7. /**
  8. * 支付宝支付,控制器
  9. *
  10. * @author wangziyang
  11. * */
  12. @RestController
  13. @RequestMapping(value = "/pay")
  14. @AllArgsConstructor
  15. public class PayController {
  16. private PayService payService;
  17. /**
  18. * 下单支付
  19. * */
  20. @GetMapping(value = "/confirm" , produces = {"text/html;charset=UTF-8"})
  21. public Object pay (@RequestParam(required = false) PaymentBO bo) throws Exception {
  22. //这个接口其实应该是post方式的,但是我这里图方便,直接以get方式访问,
  23. //且返回格式是text/html,这样前端页面就能直接显示支付宝返回的html片段
  24. //真实场景下由post方式请求,返回code、msg、data那种格式的标准结构,让前端拿到data里的
  25. //html片段之后自行加载
  26. //由于我这里并没有真正的传参数,所以象征性的new一下,避免空指针
  27. bo = new PaymentBO();
  28. return payService.pay(bo);
  29. }
  30. }

 支付测试

在index.html页面做如下修改,点击支付的时候访问我们的/pay/confirm接口:

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>确认订单</title>
  6. </head>
  7. <body>
  8. <div>
  9. 您的订单信息如下,请确认无误后支付:<br />
  10. xxxxxxxxxx省略订单信息xxxxxxxxxx
  11. <form enctype="multipart/form-data" action="/pay/confirm" method="get">
  12. <button type="submit">确认支付</button>
  13. </form>
  14. </div>
  15. </body>
  16. </html>

运行项目,点击确认支付就看到了以下页面(有时候下面的页面会提示有钓鱼风险,换一个浏览器就好,或者关了浏览器重来,这个无解):

在手机上打开沙箱版支付宝,登录买家帐号,扫码支付:

 

下单支付的定制化参数

上面是最简单的支付。大家可以在API文档看到,下单支付还有很多参数可选,如订单描述、商品类型、订单商品列表的具体信息等等……

公共参数就不用说了,Factory都为我们封装好了;但是下面的业务请求参数,也就是公共参数里的biz_content,如何传呢?pay()方法只提供了基本的4个参数,那可选的请求参数怎么传呢?

对于这个问题,新版的SDK指出需要由我们自己扩展,方式在SDK说明中有:

这个还是挺简单的,就是往Map里放参数,最后通过optional或batchOptional方法进行设置:

 所以在这里我就不展示了,大家下去自己扩展就行,有问题联系我。

支付完成的回调

前面的回调只是在页面上回显信息,我们需要提供一个接口,供支付宝调用,接收支付宝传来的参数。

首先,我们看文档,看支付宝都返回了哪些信息:

参数有很多,我就不一一列出了。主要的参数是商户订单号(即我们自己生成的订单号)和交易状态, 我们根据订单号是否交易成功,进行后面的业务逻辑,比如给用户加积分、将订单状态变为已支付、发送业务短信、通知商家接单……等等。

参数很多,所以我就不新建实体类了,简单的用Map接一下,在PayController新增以下接口(注意是post方式):

  1. package com.course.java.alipay.controller;
  2. import com.course.java.alipay.bo.PaymentBO;
  3. import com.course.java.alipay.service.PayService;
  4. import lombok.AllArgsConstructor;
  5. import org.springframework.web.bind.annotation.*;
  6. import javax.servlet.http.HttpServletRequest;
  7. import java.util.Map;
  8. /**
  9. * 支付宝支付,控制器
  10. *
  11. * @author wangziyang
  12. * */
  13. @RestController
  14. @RequestMapping(value = "/pay")
  15. @AllArgsConstructor
  16. public class PayController {
  17. private PayService payService;
  18. /**
  19. * 下单支付
  20. * */
  21. @GetMapping(value = "/confirm" , produces = {"text/html;charset=UTF-8"})
  22. public Object pay (@RequestParam(required = false) PaymentBO bo) throws Exception {
  23. bo = new PaymentBO();
  24. return payService.pay(bo);
  25. }
  26. /**
  27. * 支付成功的回调
  28. * */
  29. @PostMapping(value = "/fallback")
  30. public Object fallback (HttpServletRequest request) {
  31. Map map = request.getParameterMap();
  32. System.out.println("进入了回调");
  33. return null;
  34. }
  35. }

然后在配置文件,将notifyUrl的配置加上:

 

然后再重新支付一下,我打个断点看一下Map中接到的参数:

 

可以看到,我们已经接收到了支付宝传来的参数,接下来就是根据自己的业务进行处理了,笔者这里就不再往下写了。 

如果想再次进行确认,也可调用下面这个接口,查询订单状态:

总结

以上就是Spring Boot整合支付宝支付的流程,代码已经上传到GitHub,有问题欢迎联系

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/笔触狂放9/article/detail/742823
推荐阅读
相关标签
  

闽ICP备14008679号