0.前言
文章需求：
对于学生来说，目前网上确实没有比较统一而且质量好的支付教程。因为支付对个人开发者尤其是学生来说不太友好。因此，自己折腾两天，算是整理了一篇关于支付宝沙箱支付的文章。
那么为什么不用微信沙箱支付呢？
微信支付我在另一篇文章中写过，用的是别人的公众号和开放平台账号，而微信的沙箱测试我自己也搞了好几天了也没弄好，确实没有支付宝沙箱测试容易。因为支付宝提供了一套pc客户端和手机端的测试软件(比如沙箱版支付宝)！
微信和支付宝官方为了开发者测试和学习方便，都提供了沙箱测试环境下模拟支付业务。这篇文章我们就来动手搭建一个支付宝沙箱环境支付的demo，如果想额外了解微信支付可以看下我的另一篇文章：Springboot整合微信登录与微信支付(附源码)
个人觉得，在沙箱测试支付方面，支付宝会相较于微信来说更简单一些，文档相对而言比较详细，有附带沙箱支付宝APP，测试远比微信沙箱方便！
1.效果展示
说明：沙箱测试并不是真正的支付，所以付款金额也都是模拟的！
2.技术栈介绍
- 前端demo ：
- Vue-Cli3.x
- Vue3.x
- 后端demo：SpringBoot2.x + (LomBook插件)
- 第三方支付：AliPay-SDK
3.前期准备
第一步：申请一个沙箱测试账号
支付宝沙箱测试账号申请 进入链接后扫码登录！
第二步：电脑下载一个支付宝提供的客户端用于生成RSA2
客户端工具下载(密钥生成操作文档)
下载安装完成后，开始使用，使用参考文档:帮助文档
第三步：手机下载 【沙箱版支付宝】
可以自行扫码下载，也可以手机点入链接下载，沙箱支付宝下载链接
下载后打开沙箱支付宝如下图：
踩坑：沙箱支付宝登录所用的账号和密码是以开放平台提供的沙箱账号为准，而不是我们的手机号或者淘宝账号！如图：
如果萌新没有注意到这一点，直接用自己的手机号登录，是会出现超时或者操作频繁的提示而登录不了的！(没错，我就是这个萌新…)
哈哈，沙箱支付宝里的钱要能转到支付宝中就好了！
4.后端搭建
项目目录结构
pom.xml
<dependencies>
<!--
springboot新版本踩坑：
不加这个依赖的话，当在配置类中
使用@ConfigurationProperties(prefix = "xxx")注解时，
我这个版本的spring boot会提示有问题
-->
<dependency>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-configuration-processor</artif
<optional>true</optional>
</dependency>
<!-- 支付宝支付jar包 -->
<dependency>
<groupId>com.alipay.sdk</groupId>
<artifactId>alipay-sdk-java</artifactId>
<version>3.1.0</version>
</dependency>
<!-- fastjson -->
<dependency>
<groupId>com.alibaba</groupId>
<artifactId>fastjson</artifactId>
<version>1.2.62</version>
</dependency>
<!-- web -->
<dependency>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-starter-web</artifactId>
</dependency>
<!-- mybatis -->
<dependency>
<groupId>org.mybatis.spring.boot</groupId>
<artifactId>mybatis-spring-boot-starter</artifactId>
<version>2.1.3</version>
</dependency>
<!-- 热部署 -->
<dependency>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-devtools</artifactId>
<scope>runtime</scope>
<optional>true</optional>
</dependency>
<!-- mysql -->
<dependency>
<groupId>mysql</groupId>
<artifactId>mysql-connector-java</artifactId>
<scope>runtime</scope>
</dependency>
<!-- lombok -->
<dependency>
<groupId>org.projectlombok</groupId>
<artifactId>lombok</artifactId>
<optional>true</optional>
</dependency>
<dependency>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-starter-test</artifactId>
<scope>test</scope>
<exclusions>
<exclusion>
<groupId>org.junit.vintage</groupId>
<artifactId>junit-vintage-engine</artifactId>
</exclusion>
</exclusions>
</dependency>
</dependencies>
application.yml
由于只是demo 演示 所以可以不加数据库和mybatis相关的配置，只留server相关配置即可
#=====================================server相关配置=====================================
server:
port: 8080
#=====================================数据库相关配置=====================================
spring:
datasource:
driver-class-name: com.mysql.cj.jdbc.Driver
url: jdbc:mysql://127.0.0.1:3306/alipay?useUnicode=true&characterEncoding=utf-8&useSSL=false&serverTimezone=UTC
username: root
password: root
# 使用Alibaba的druid数据源，默认使用自带的
type: com.alibaba.druid.pool.DruidDataSource
#=====================================mybatis相关配置=====================================
# 开启控制台打印sql日志
mybatis:
configuration:
log-impl: org.apache.ibatis.logging.stdout.StdOutImpl
# mybatis 下划线转驼峰配置
map-underscore-to-camel-case: true
# 配置mapper文件扫描
mapper-locations: com.haust.alipaydemoserver.mapper
@Data
@AllArgsConstructor
@NoArgsConstructor
@Accessors(chain = true)
public class Order {
private String out_trade_no;
private String subject;
private String total_amount;
private String description;
private String timeout_express = "10m";
private String product_code = "FAST_INSTANT_TRADE_PAY";
}
Service层
public interface AliPayService {
String aliPay(Order order) throws AlipayApiException;
}
@Service
public class AliPayServiceImpl implements AliPayService {
@Autowired
private Alipay alipay;
@Override
public String aliPay(Order order) throws AlipayApiException {
return alipay.pay(order);
}
}
Controller层
@RestController
public class PayController {
@Autowired
private AliPayService aliPayService;
@PostMapping(value = "/order/alipay")
public String alipay(String outTradeNo, String subject,
String totalAmount, String description) throws AlipayApiException {
Order order = new Order();
order.setOut_trade_no(outTradeNo);
order.setSubject(subject);
order.setTotal_amount(totalAmount);
order.setDescription(description);
System.out.println(order);
return aliPayService.aliPay(order);
}
}
配置类
支付宝支付配置类以及支付宝支付组件注入Spring容器
AliPayConfig.java
@Configuration
@PropertySource("classpath:application-alipay.properties")
@ConfigurationProperties(prefix = "alipay")
@Data
public class AliPayConfig {
private String appId;
private String privateKey;
private String publicKey;
private String notifyUrl;
private String returnUrl;
private String signType;
private String charset;
private String gatewayUrl;
private String logPath;
}
Alipay.java
@Component
public class Alipay {
@Autowired
private AliPayConfig alipayConfig;
public String pay(Order order) throws AlipayApiException {
// 支付宝网关
String serverUrl = alipayConfig.getGatewayUrl();
// APPID
String appId = alipayConfig.getAppId();
// 商户私钥, 即PKCS8格式RSA2私钥
String privateKey = alipayConfig.getPrivateKey();
// 格式化为 json 格式
String format = "json";
// 字符编码格式
String charset = alipayConfig.getCharset();
// 支付宝公钥, 即对应APPID下的支付宝公钥
String alipayPublicKey = alipayConfig.getPublicKey();
// 签名方式
String signType = alipayConfig.getSignType();
// 页面跳转同步通知页面路径
String returnUrl = alipayConfig.getReturnUrl();
// 服务器异步通知页面路径
String notifyUrl = alipayConfig.getNotifyUrl();
// 1、获得初始化的AlipayClient
AlipayClient alipayClient = new DefaultAlipayClient(
serverUrl, appId, privateKey, format, charset, alipayPublicKey, signType);
// 2、设置请求参数
AlipayTradePagePayRequest alipayRequest = new AlipayTradePagePayRequest();
// 页面跳转同步通知页面路径
alipayRequest.setReturnUrl(returnUrl);
// 服务器异步通知页面路径
alipayRequest.setNotifyUrl(notifyUrl);
// 封装参数(以json格式封装)
alipayRequest.setBizContent(JSON.toJSONString(order));
// 3、请求支付宝进行付款，并获取支付结果
String result = alipayClient.pageExecute(alipayRequest).getBody();
// 返回付款信息
return result;
}
}
跨域拦截器配置以及注册
CorsInterceptor.java
public class CorsInterceptor implements HandlerInterceptor {
@Override
public boolean preHandle(HttpServletRequest request,
HttpServletResponse response, Object handler) throws Exception {
//表示接受任意域名的请求,也可以指定域名
response.setHeader("Access-Control-Allow-Origin", request.getHeader("origin"));
//该字段可选，是个布尔值，表示是否可以携带cookie
response.setHeader("Access-Control-Allow-Credentials", "true");
response.setHeader("Access-Control-Allow-Methods", "GET, HEAD, POST, PUT, PATCH, DELETE, OPTIONS");
response.setHeader("Access-Control-Allow-Headers", "*");
// 预检处理，方行所有非简单请求方法
if (HttpMethod.OPTIONS.toString().equals(request.getMethod())) {
return true;
}
return true;
}
@Override
public void postHandle(HttpServletRequest request, HttpServletResponse response,
Object handler, ModelAndView modelAndView) throws Exception {
}
@Override
public void afterCompletion(HttpServletRequest request, HttpServletResponse response,
Object handler, Exception ex) throws Exception {
}
}
InterceptorConfig.java
@Configuration
public class InterceptorConfig implements WebMvcConfigurer {
@Bean
public CorsInterceptor corsInterceptor() {
return new CorsInterceptor();
}
@Override
public void addInterceptors(InterceptorRegistry registry) {
// 跨域拦截器注册(注意：跨域拦截器注册要放在最上方)
registry.addInterceptor(corsInterceptor()).addPathPatterns("/**");
WebMvcConfigurer.super.addInterceptors(registry);
}
}
启动spirngboot项目
5.前端搭建
前端代码就不展示了，demo源码会提供给大家，来看下前端的样子把：
支付操作的页面：
支付完成后支付宝回调的页面：
启动前端项目：
端口自定义就行！
6. 支付测试
测试支付：
进入支付宝支付页面：
沙箱支付宝扫码支付：(支付密码默认111111)
后台查看打印订单情况：
7. 总结
源码地址Gitee代码仓库地址
这篇文章就到这里了，也希望大家多多关注编程网的其他内容！
