付出宝沙箱版（什么是付出宝沙箱、配置付出宝沙箱、配置内网穿透、在Spring - ToB企服应用市场:ToB评测及商务社交产业平台

http://localhost:9200/#/tunnels/create

复制代码

<dependency>
<groupId>com.alipay.sdk</groupId>
<artifactId>alipay-sdk-java</artifactId>
<version>4.39.218.ALL</version>
</dependency>

复制代码

<dependency>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-starter-web</artifactId>
</dependency>

复制代码

<dependency>
<groupId>com.alibaba.fastjson2</groupId>
<artifactId>fastjson2</artifactId>
<version>2.0.53</version>
</dependency>

复制代码

/**
* 订单类
*/
public class Order {
/**
* 用于唯一标识一次支付请求，可以是订单号或与其他业务相关的唯一标识
*/
private Long id;
/**
* 支付的总金额
*/
private String totalAmount;
/**
* 支付时显示的商品描述
*/
private String productDescription;
/**
* 支付时显示的商品名称
*/
private String productName;
public Long getId() {
return id;
}
public void setId(Long id) {
this.id = id;
}
public String getTotalAmount() {
return totalAmount;
}
public void setTotalAmount(String totalAmount) {
this.totalAmount = totalAmount;
}
public String getProductDescription() {
return productDescription;
}
public void setProductDescription(String productDescription) {
this.productDescription = productDescription;
}
public String getProductName() {
return productName;
}
public void setProductName(String productName) {
this.productName = productName;
}
@Override
public String toString() {
return "Order{" +
"id=" + id +
", totalAmount='" + totalAmount + '\'' +
", productDescription='" + productDescription + '\'' +
", productName='" + productName + '\'' +
'}';
}
}

复制代码

import org.springframework.boot.context.properties.ConfigurationProperties;
import org.springframework.stereotype.Component;
@Component
@ConfigurationProperties(prefix = "alipay")
public class AlipayConfiguration {
private String appId;
private String gatewayUrl;
private String privateKey;
private String alipayPublicKey;
private String notifyUrl;
private String returnUrl;
public String getAppId() {
return appId;
}
public void setAppId(String appId) {
this.appId = appId;
}
public String getGatewayUrl() {
return gatewayUrl;
}
public void setGatewayUrl(String gatewayUrl) {
this.gatewayUrl = gatewayUrl;
}
public String getPrivateKey() {
return privateKey;
}
public void setPrivateKey(String privateKey) {
this.privateKey = privateKey;
}
public String getAlipayPublicKey() {
return alipayPublicKey;
}
public void setAlipayPublicKey(String alipayPublicKey) {
this.alipayPublicKey = alipayPublicKey;
}
public String getNotifyUrl() {
return notifyUrl;
}
public void setNotifyUrl(String notifyUrl) {
this.notifyUrl = notifyUrl;
}
public String getReturnUrl() {
return returnUrl;
}
public void setReturnUrl(String returnUrl) {
this.returnUrl = returnUrl;
}
@Override
public String toString() {
return "AlipayConfiguration{" +
"appId='" + appId + '\'' +
", gatewayUrl='" + gatewayUrl + '\'' +
", privateKey='" + privateKey + '\'' +
", alipayPublicKey='" + alipayPublicKey + '\'' +
", notifyUrl='" + notifyUrl + '\'' +
", returnUrl='" + returnUrl + '\'' +
'}';
}
}

复制代码

import cn.edu.scau.config.AlipayConfiguration;
import cn.edu.scau.pojo.Order;
import com.alibaba.fastjson2.JSONObject;
import com.alipay.api.AlipayApiException;
import com.alipay.api.AlipayClient;
import com.alipay.api.DefaultAlipayClient;
import com.alipay.api.diagnosis.DiagnosisUtils;
import com.alipay.api.domain.AlipayTradeRefundModel;
import com.alipay.api.request.AlipayTradePagePayRequest;
import com.alipay.api.request.AlipayTradeRefundRequest;
import com.alipay.api.response.AlipayTradeRefundResponse;
import jakarta.servlet.http.HttpServletRequest;
import jakarta.servlet.http.HttpServletResponse;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.*;
import java.io.IOException;
import java.util.ArrayList;
import java.util.Arrays;
import java.util.List;
import java.util.Map;
import static com.alipay.api.AlipayConstants.*;
@Controller
@RequestMapping("/alipay")
public class AlipayController {
private final AlipayConfiguration alipayConfiguration;
public AlipayController(AlipayConfiguration alipayConfiguration) {
this.alipayConfiguration = alipayConfiguration;
}
@GetMapping("/pay")
public void pay(@RequestParam Long orderId, HttpServletResponse httpResponse) throws IOException {
// 创建默认的支付宝客户端实例
AlipayClient alipayClient = new DefaultAlipayClient(
alipayConfiguration.getGatewayUrl(),
alipayConfiguration.getAppId(),
alipayConfiguration.getPrivateKey(),
FORMAT_JSON,
CHARSET_UTF8,
alipayConfiguration.getAlipayPublicKey(),
SIGN_TYPE_RSA2
);
AlipayTradePagePayRequest alipayTradePagePayRequest = new AlipayTradePagePayRequest();
// 设置异步通知地址
alipayTradePagePayRequest.setNotifyUrl(alipayConfiguration.getNotifyUrl());
// 设置重定向地址
alipayTradePagePayRequest.setReturnUrl(alipayConfiguration.getReturnUrl());
Order order = new Order();
order.setId(orderId); // 商户订单号
order.setProductName("爱国者键盘"); // 商品名称
order.setProductDescription("键盘中的战斗机"); // 商品描述
order.setTotalAmount("0.01"); // 付款金额，必填
// 构造业务请求参数（如果是电脑网页支付，product_code是必传参数）
JSONObject jsonObject = new JSONObject();
jsonObject.put("out_trade_no", order.getId());
jsonObject.put("subject", order.getProductName());
jsonObject.put("body", order.getProductDescription());
jsonObject.put("total_amount", order.getTotalAmount());
jsonObject.put("product_code", "FAST_INSTANT_TRADE_PAY");
alipayTradePagePayRequest.setBizContent(jsonObject.toJSONString());
// 请求支付宝接口
String alipayForm;
try {
alipayForm = alipayClient.pageExecute(alipayTradePagePayRequest).getBody();
} catch (AlipayApiException e) {
throw new RuntimeException(e);
}
// 将表单直接输出到页面，用户点击后会跳转到支付宝支付页面
httpResponse.setContentType("text/html;charset=" + CHARSET_UTF8);
httpResponse.getWriter().write(alipayForm);
httpResponse.getWriter().flush();
httpResponse.getWriter().close();
}
/**
* 处理支付宝异步通知的接口（注意这里必须是POST接口）
*
* @param request HTTP请求对象，包含支付宝返回的通知信息
* @return 返回给支付宝的确认信息
*/
@PostMapping("/notify")
@ResponseBody
public String payNotify(HttpServletRequest request) {
System.err.println("====================payNotify====================");
// 获取支付宝返回的各个参数
Map<String, String[]> requestParameterMap = request.getParameterMap();
requestParameterMap.forEach((key, value) -> System.err.println(key + " = " + Arrays.toString(value)));
// 检查交易状态是否为成功
if ("TRADE_SUCCESS".equals(request.getParameter("trade_status"))) {
System.err.println("交易成功");
// 执行更新数据库中的订单状态等操作
}
System.err.println("====================payNotify====================");
System.err.println();
// 告诉支付宝，已经成功收到异步通知
return "success";
}
@GetMapping("/return")
public void payReturn(HttpServletRequest request, HttpServletResponse response) throws Exception {
System.out.println("====================payReturn====================");
// 获取支付宝返回的各个参数
Map<String, String[]> requestParameterMap = request.getParameterMap();
System.out.println("支付宝返回的参数：");
requestParameterMap.forEach((key, value) -> System.out.println(key + " = " + Arrays.toString(value)));
System.out.println("====================payReturn====================");
System.out.println();
// 设置响应的字符编码为UTF-8，防止中文乱码
response.setCharacterEncoding("UTF-8");
// 设置响应的内容类型为HTML，并指定字符编码为UTF-8
response.setContentType("text/html; charset=UTF-8");
// 重定向到指定的HTML页面（需要提前与前端沟通好支付成功后要跳转的页面）
response.sendRedirect("http://localhost:5173/paySuccess");
}
@GetMapping("/refund")
@ResponseBody
public String refund(@RequestParam(required = false) Long id, @RequestParam(required = false) String tradeNo) {
System.out.println("====================refund====================");
// 创建默认的支付宝客户端实例
AlipayClient alipayClient = new DefaultAlipayClient(
alipayConfiguration.getGatewayUrl(),
alipayConfiguration.getAppId(),
alipayConfiguration.getPrivateKey(),
FORMAT_JSON,
CHARSET_UTF8,
alipayConfiguration.getAlipayPublicKey(),
SIGN_TYPE_RSA2
);
Order order = new Order();
order.setId(id);
order.setProductName("爱国者键盘");
order.setProductDescription("键盘中的战斗机");
order.setTotalAmount("0.01");
AlipayTradeRefundRequest alipayTradeRefundRequest = new AlipayTradeRefundRequest();
AlipayTradeRefundModel alipayTradeRefundModel = new AlipayTradeRefundModel();
// 设置商户订单号
if (id != null) {
alipayTradeRefundModel.setOutTradeNo(String.valueOf(order.getId()));
}
// 设置查询选项
List<String> queryOptions = new ArrayList<>();
queryOptions.add("refund_detail_item_list");
alipayTradeRefundModel.setQueryOptions(queryOptions);
// 设置退款金额
alipayTradeRefundModel.setRefundAmount("0.01");
// 设置退款原因说明
alipayTradeRefundModel.setRefundReason("正常退款");
// 设置流水订单号
if (tradeNo != null && !tradeNo.isEmpty()) {
alipayTradeRefundModel.setTradeNo(tradeNo);
}
alipayTradeRefundRequest.setBizModel(alipayTradeRefundModel);
// 执行请求
AlipayTradeRefundResponse alipayTradeRefundResponse = null;
int count = 1;
int limit = 3;
while (count <= limit) { // 最多重试3次
try {
alipayTradeRefundResponse = alipayClient.execute(alipayTradeRefundRequest);
break;
} catch (AlipayApiException e) {
System.out.println("第" + count + "次重试");
e.printStackTrace();
count++;
}
}
if (count > limit || alipayTradeRefundResponse == null) {
return "退款失败，请联系客服人员";
}
System.out.println("alipayTradeRefundResponse.getBody() = " + alipayTradeRefundResponse.getBody());
System.out.println("====================refund====================");
System.out.println();
if (!alipayTradeRefundResponse.isSuccess()) {
// SDK版本是"4.38.0.ALL"及以上,可以参考下面的示例获取诊断链接
String diagnosisUrl = DiagnosisUtils.getDiagnosisUrl(alipayTradeRefundResponse);
System.out.println("diagnosisUrl = " + diagnosisUrl);
return "退款失败，请联系客服人员";
}
if ("N".equals(alipayTradeRefundResponse.getFundChange())) {
return "该订单已经退款，请勿重复操作";
}
return "退款成功";
}
}

复制代码

alipay:
# app-id：支付宝开放平台中的APPID
app-id:
# gateway-url：支付宝开放平台中的支付宝网关地址
gateway-url:
# private-key：在支付宝开放平台秘钥工具中生成的应用私钥
private-key:
# alipay-public-key：支付宝开放平台中的支付宝公钥
alipay-public-key:
# notify-url：支付宝通过该URL通知交易状态变化
notify-url:
# return-url：用户完成支付后，支付宝会重定向到该URL
return-url: http://localhost:10005/alipay/return
server:
port: 10005

复制代码

import {fileURLToPath, URL} from 'node:url'
import {defineConfig} from 'vite'
import vue from '@vitejs/plugin-vue'
// https://vitejs.dev/config/
export default defineConfig({
plugins: [
vue()
],
resolve: {
alias: {
'@': fileURLToPath(new URL('./src', import.meta.url))
}
},
server: {
proxy: {
'/api': {
target: 'http://localhost:10005',
changeOrigin: true,
rewrite: (path) => path.replace('/api', '')
}
}
}
})

复制代码

import axios from 'axios'
const request = axios.create({
baseURL: '/api',
timeout: 20000,
headers: {
'Content-Type': 'application/json;charset=UTF-8'
}
})
request.interceptors.request.use(
)
request.interceptors.response.use(response => {
if (response.data) {
return response.data
}
return response
}, (error) => {
// Do something with response error
return Promise.reject(error)
})
export default request

复制代码

import {createRouter, createWebHistory} from 'vue-router'
import HomeView from '../views/HomeView.vue'
const router = createRouter({
history: createWebHistory(import.meta.env.BASE_URL),
routes: [
{
path: '/',
name: 'home',
component: HomeView
}, {
path: '/paySuccess',
name: 'paySuccess',
component: () => import('../views/PaySuccess.vue')
}
]
})
export default router

复制代码

<template>
<div class="payment-container">
<input type="number" v-model="orderId" placeholder="订单号" class="input-field">
<button class="pay-button" @click="pay">支付</button>
<div ref="alipayForm" class="hidden-form"></div>
</div>
</template>
<script setup>
import request from '@/utils/request.js'
import { ref } from 'vue'
const alipayForm = ref()
const orderId = ref('')
const pay = () => {
request
.get('/alipay/pay', {
params: {
orderId: orderId.value
}
})
.then((response) => {
let innerHtml = response.toString()
innerHtml = innerHtml.substring(0, innerHtml.indexOf('<script>'))
alipayForm.value.innerHTML = innerHtml
window.document.forms[0].submit()
})
.catch((error) => {
console.error('支付请求错误:', error)
})
}
</script>
<style scoped>
.payment-container {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
min-height: 100vh;
background-color: #f0f8ff; /* 淡蓝色背景 */
font-family: Arial, sans-serif;
}
.input-field {
width: 300px; /* 输入框宽度 */
margin: 10px 0; /* 上下间距 */
padding: 15px; /* 内边距 */
border: 2px solid #c7e0ff; /* 边框颜色 */
border-radius: 5px; /* 圆角 */
outline: none; /* 去除默认轮廓 */
font-size: 16px; /* 字体大小 */
transition: border-color 0.3s; /* 平滑过渡效果 */
}
.input-field:focus {
border-color: #007bff; /* 聚焦时的边框颜色 */
}
.pay-button {
width: 333px; /* 按钮宽度比输入框略长 */
margin: 10px 0; /* 上下间距 */
padding: 15px; /* 内边距 */
border: none; /* 无边框 */
border-radius: 5px; /* 圆角 */
background-color: #007bff; /* 按钮颜色 */
color: white; /* 文字颜色 */
cursor: pointer; /* 鼠标指针样式 */
font-size: 16px; /* 字体大小 */
transition: background-color 0.3s; /* 平滑过渡效果 */
}
.pay-button:hover {
background-color: #0056b3; /* 悬停时更深的颜色 */
}
.hidden-form {
display: none; /* 隐藏表单 */
}
</style>

复制代码

<template>
<div class="success-container">
<div class="success-icon">
<svg width="100" height="100" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M12 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2ZM12 20C7.59 20 4 16.41 4 12C4 7.59 7.59 4 12 4C16.41 4 20 7.59 20 12C20 16.41 16.41 20 12 20ZM16.59 7.58L10 14.17L7.41 11.59L6 13L10 17L18 9L16.59 7.58Z"
fill="#4CAF50"/>
</svg>
</div>
<h1>支付成功</h1>
<p class="success-message">您已完成支付，感谢您的使用</p>
<button class="btn" @click="returnHomePage">返回首页</button>
</div>
</template>
<script setup>
import router from '@/router/index.js'
const returnHomePage = () => {
router.push('/')
}
</script>
<style scoped>
.success-container {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
height: 100vh;
background-color: #f4f8fa; /* 柔和的背景色调 */
}
.success-icon {
margin-bottom: 20px;
}
.success-icon svg {
fill: #4CAF50; /* 柔和的绿色调 */
}
h1 {
font-size: 2.5rem;
color: #333; /* 深色调的文字 */
margin: 0;
font-weight: 500;
}
.success-message {
font-size: 1.25rem;
color: #666; /* 稍浅的文字颜色 */
text-align: center;
max-width: 300px;
margin-top: 10px;
}
.btn {
display: inline-block;
padding: 14px 40px; /* 增加按钮的宽度和内边距 */
margin-top: 20px;
font-size: 1rem;
font-weight: 500;
color: #333; /* 深色调文字，确保在淡色背景下可见 */
background-image: linear-gradient(to right, #639cbc, #1c67a8); /* 更淡的渐变色 */
border: none;
border-radius: 25px;
box-shadow: 0 2px 4px rgba(50, 50, 93, 0.1), 0 1px 2px rgba(0, 0, 0, 0.08);
cursor: pointer;
transition: all 0.3s ease;
}
.btn:hover {
transform: translateY(-2px);
box-shadow: 0 4px 6px rgba(50, 50, 93, 0.1), 0 2px 4px rgba(0, 0, 0, 0.08);
}
.btn:focus {
outline: none;
box-shadow: 0 0 0 3px rgba(200, 200, 200, 0.5);
}
</style>

复制代码