UniApp + SpringBoot 实现接入支付宝支付功能和退款功能
创始人
2025-05-28 21:14:49
0

一、支付宝开放平台设置

注册支付宝支付功能需要个体工商户或企业才可以!需要有营业执照才能去申请哦!

1、登录到控制台

进入支付宝开放平台 控制台

在这里插入图片描述

2、开发设置

在这里插入图片描述

3、产品绑定APP支付

如果没有绑定APP支付就会报商家订单参数异常,请重新发起支付的错误

在这里插入图片描述

二、Springboot后端代码

1、pom.xml中导入两个包

在这里插入图片描述


com.alipay.sdkalipay-sdk-java4.22.32.ALL

org.springframework.bootspring-boot-configuration-processortrue

2、application.yml中添加以下配置

在这里插入图片描述

# 支付宝支付
alipay:server_url: https://openapi.alipay.com/gateway.doapp_id: 你的APPIDprivate_key: 应用私钥format: jsoncharset: utf-8alipay_public_key: 支付宝公钥sign_type: RSA2notifyUrl: 回调地址

在这里插入图片描述

3、新建AlipayConfig类和BizAlipayService类

在这里插入图片描述
AlipayConfig类代码

import lombok.Getter;
import lombok.Setter;
import lombok.ToString;
import org.springframework.boot.context.properties.ConfigurationProperties;
import org.springframework.stereotype.Component;@Getter
@Setter
@ToString
@Component
@ConfigurationProperties(prefix = "alipay")
public class AlipayConfig extends com.alipay.api.AlipayConfig {private String serverUrl;private String appId;private String privateKey;private String format;private String charset;private String alipayPublicKey;private String signType;private String notifyUrl;
}

在这里插入图片描述
BizAlipayService类代码

import com.alipay.api.AlipayApiException;
import com.alipay.api.DefaultAlipayClient;
import com.alipay.api.domain.AlipayTradeAppPayModel;
import com.alipay.api.request.AlipayTradeAppPayRequest;
import com.alipay.api.response.AlipayTradeAppPayResponse;
import org.slf4j.Logger;
import org.slf4j.LoggerFactory;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Service;/*** 阿里云支付类*/
@Service
public class BizAlipayService {private static Logger logger = LoggerFactory.getLogger(BizAlipayService.class);@AutowiredAlipayConfig alipayConfig;private DefaultAlipayClient client() throws AlipayApiException {return new DefaultAlipayClient(alipayConfig);}/*** 预下单** @param subject     订单标题* @param outTradeNo  商家生成的订单号* @param totalAmount 订单总价值* @return*/public String appPay(String subject, String outTradeNo, String totalAmount) {String source = "";try {DefaultAlipayClient client = client();AlipayTradeAppPayModel model = new AlipayTradeAppPayModel();model.setSubject(subject);model.setOutTradeNo(outTradeNo);model.setTotalAmount(totalAmount);// alipay 封装的接口调用AlipayTradeAppPayRequest request = new AlipayTradeAppPayRequest();request.setBizModel(model);request.setNotifyUrl(alipayConfig.getNotifyUrl());AlipayTradeAppPayResponse response = client.sdkExecute(request);source = response.getBody();} catch (AlipayApiException e) {logger.error("支付出现问题,详情:{}", e.getErrMsg());e.printStackTrace();}return source;}
}

4、编写接口支付接口和回调接口

在这里插入图片描述

接口代码

@RestController
@CrossOrigin    // @CrossOrigin注解 解决uniapp跨域访问后端问题。
@RequestMapping("/productOrder")
public class UniProductOrderController {@Autowiredprivate AlipayConfig alipayConfig;@Autowiredprivate BizAlipayService alipayService;/*** 发起支付** @return*/@GetMapping("/pay")public Object pay() {System.out.println("正在测试支付宝支付···");String s = alipayService.appPay("测试支付", String.valueOf(System.currentTimeMillis()), new BigDecimal("0.01").toString());System.out.println(s);return s;}/*** 订单回调** @return*/@RequestMapping(method = RequestMethod.POST, value = "/notify")public String orderNotify(HttpServletRequest request) {Map params = new HashMap<>();Map requestParams = request.getParameterMap();for (String name : requestParams.keySet()) {String[] values = requestParams.get(name);String valueStr = "";for (int i = 0; i < values.length; i++) {valueStr = (i == values.length - 1) ? valueStr + values[i] : valueStr + values[i] + ",";}params.put(name, valueStr);}try {boolean flag = AlipaySignature.rsaCheckV1(params, alipayConfig.getAlipayPublicKey(), alipayConfig.getCharset(), alipayConfig.getSignType());if (flag) {System.out.println("支付回调信息:"+ params);return "success";} else {return "error";}} catch (AlipayApiException e) {System.out.println("支付宝错误回调:"+e.getErrMsg());e.printStackTrace();return "error";}}
}

三、UniApp前端代码

1、配置manifest.json的App模块开启支付

在这里插入图片描述

2、编写uni.request请求

在这里插入图片描述
代码

//发起支付
pay(){let that = thisuni.request({url: getApp().globalData.myurl + "/productOrder/pay",data:{},method: 'GET',dataType: 'json',header: {'content-type': 'application/x-www-form-urlencoded'},success(res) {console.log(res);uni.requestPayment({provider: 'alipay',orderInfo: res.data,success(r) {uni.showToast({title:"支付成功",icon: "success"})},fail(e) {uni.showToast({title:"用户取消支付",icon: "error"})},complete: () => {console.log("payment结束")}})}})
},

四、支付功能展示

1、用户确认支付

在这里插入图片描述

2、用户取消支付

在这里插入图片描述

五、退款功能

1、支付成功回调返回结果

在这里插入图片描述

返回结果:

在这里插入图片描述
返回结果里面的trade_no 一会退款需要用到这个!

2、在刚才的BizAlipayService.类中添加以下代码

在这里插入图片描述

代码

/*** 退款** @param tradeNo* @param totalAmount* @return*/
public AlipayTradeRefundResponse refund(String tradeNo, String totalAmount) {try {DefaultAlipayClient client = client();AlipayTradeRefundModel alipayTradeRefundModel = new AlipayTradeRefundModel();alipayTradeRefundModel.setTradeNo(tradeNo);alipayTradeRefundModel.setRefundAmount(totalAmount);AlipayTradeRefundRequest request = new AlipayTradeRefundRequest();request.setBizModel(alipayTradeRefundModel);AlipayTradeRefundResponse response = client.execute(request);return response;} catch (AlipayApiException e) {logger.error("退款出现问题,详情:{}", e.getErrMsg());e.printStackTrace();}return null;
}

3、在接口中添加退款接口

在这里插入图片描述

代码

/*** 订单退款** @return* @TODO 仅实现了全部退款*/
@RequestMapping(value = "/orderRefund", method = RequestMethod.GET)
public AlipayTradeRefundResponse orderRefund() {AlipayTradeRefundResponse refund = alipayService.refund("2022020922001434041429269213", "0.01");return refund;
}



本文仅供学习使用,本文参考博客园作者奔跑的砖头的文章感谢作者的详细说明以及代码 (*╯3╰) (*╯3╰) (*╯3╰)

相关内容

热门资讯

京东方A:获工商银行7亿元贷款... 11月13日消息,京东方A公告,公司收到中国工商银行股份有限公司北京市分行出具的《贷款承诺函》,工商...
上海医药:新华保险及其一致行动... 11月13日消息,上海医药公告,公司于2024年11月13日收到股东新华保险发来的《简式权益变动报告...
锅圈:11月13日斥资670.... 11月13日消息,锅圈(02517)发布公告,于2024年11月13日斥资670.2万港元回购股份3...
ST起步:收到浙江证监局警示函 11月13日消息,ST起步公告,公司及相关人员于近日收到中国证券监督管理委员会浙江监管局出具的《警示...
浩欧博:停牌核查完成,股票11... 11月13日消息,浩欧博公告,公司股票价格自10月31日至11月8日连续7个交易日涨停,期间多次触及...
库克首次自掏腰包买入耐克股票 2025.12.24耐克公司董事,同时也是苹果公司CEO的蒂姆·库克(Tim Cook)开始增持公司...
16.65亿元,“人形机器人第... 红星资本局12月24日消息,优必选(09880.HK)今日发布公告称,以“协议转让+要约收购”的组合...
创达新材未对原材料计提跌价准备... 《金证研》南方资本中心 云岫DL/作者 肖直 西洲 映蔚/风控从大学到无锡市化工研究设计院,张俊、陈...
孙进担任执行总裁?东方甄选:消... 新京报贝壳财经讯(记者丁爽)12月24日,有消息称,新东方教育科技集团副总裁、广州学校校长孙进将担任...
针对学生意外坠楼事件,郑州高新... 12月24日,高新区联合调查组发布情况通报: 针对近日媒体报道的郑州高新区一学校学生意外坠楼事件,高...