UniApp + SpringBoot 实现接入支付宝支付功能和退款功能
创始人
2025-05-28 20:22:39
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╰)

相关内容

热门资讯

在大吉订购APP订购交易亏损被...   近期,不少投资者反映在“大吉订购App”上投资白银、铂金等商品遭遇严重亏损。该平台宣称提供现货订...
铂银壹号APP商品订购交易亏损...   许多中小投资者误以为网上的“商品现货订购”是合规合法的理财渠道,殊不知这背后隐藏着巨大的合规风险...
兴鑫淘金APP贵金属订购交易亏...   白银、贵金属或其他商品类投资,除国家批准的正规期货交易场所及持牌期货公司外,市面上大量第三方交易...
铂银掘金APP无资质的违规平台...   铂银掘金等平台的投资者,往往是被“注册送现金”“充值返现券”“首单免亏”等广告话术吸引,进而下载...
八方淘金APP订购交易不合规,...   “八方淘金APP”“铂银掘金APP”“铂银壹号APP”等软件被指以“现货订购”为名,实际采用高杠...
在指尖订购APP订购商品亏损被...   指尖订购APP这类平台,表面是“订购交易”,实则是披着电商外衣的非法期货陷阱。绝大多数投资者被蒙...
在犀贝易购APP做商品订购交易...   市面上打着“现货投资”“贵金属交易”旗号的APP并不少,但真正合规、受监管的平台并不多。犀贝易购...
易达淘金APP虚假商品订购交易...   易达淘金APP存在严重的虚假宣传与违规交易行为。该平台打着“商品订购”的旗号,实则通过不合规的交...
大浪淘金APP白银订购亏损被骗...   大浪淘金APP最隐蔽的套路,在于其完全封闭的内盘交易系统。表面上,它宣称与国际贵金属市场接轨;实...
一品好购APP上订购白银出现亏...   一品好购APP原名“一品订购”,运营方为上海宝智未来信息技术有限公司。近期不少投资者反映在该平台...
九州订购APP贵金属订购投资骗...   九州订购APP正通过抖.音、快手、今日头条等平台大量投放投资广告,用“5元起投”“充值返现”“0...
坚锅淘金APP交易软件并不正规...   当前,市面上大量所谓的“现货商城订购”交易软件,早已偏离了正常的实物商品买卖,演变为高杠杆、高手...
斗金订购APP贵金属期货交易骗...   斗金订购APP的投资者往往被铺天盖地的广告宣传所诱导——注册即送现金、充值返现券等看似诱人的福利...
警惕!云启购APP违规经营,披...   "5元起投、充值返现、稳赚不赔"——这些诱人的广告语背后,可能是一个精心设计的金融陷阱。  近期...
量子淘金APP贵金属投资不合规...   "4元起投""充值返券""月入过万"——这些极具诱惑力的广告语在短视频平台、社交软件上铺天盖地。...
鑫汇智投APP贵金属商品订购骗...   鑫汇智投APP非法期货投资骗局,受害者在投资过程中根本不懂交易,也不去研究和验证这个平台是否正规...
矅光智策APP平台违规经营非法...   矅光智策APP对外宣称是“商城订购”“现货交易”,但查询其经营范围,并未显示具备开展现货期货交易...
黄金珠宝怎么选?内侧刻字都代表... 潮新闻客户端 记者 马焱 通讯员 任倩影 9月8日下午,“云游杭州 乐购金秋”——“浙城·浙放心”活...
原创 冰... 最近全球国债市场正在上演魔幻一幕: 美债、日债、欧债遭遇猛烈抛售,收益率冲到几十年新高,美国财政部都...
日韩股市开盘表现分化 上证报中国证券网讯 9月9日,日韩股市开盘表现分化,韩国综合指数开盘上涨0.26%,报6972.87...