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

一、支付宝开放平台设置

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

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╰)

相关内容

热门资讯

【数据结构】KMP算法细节详解 KMP算法细节详解前言一、字符串匹配问题1.BF算法2.KMP算法二、next数组三、手写nex思想...
【中间间】Redis与MySQ... 文章目录前言谈谈一致性三个经典的缓存模式Cache-Aside PatternCache-Aside...
【CSS】盒子模型内边距 ④ ... 文章目录一、盒子模型内部尺寸计算1、设置内边距和边框对盒子模型的影响2、盒子模型尺寸计算二、代码示例...
TIA博途中添加程序注释的具体... TIA博途中添加程序注释的具体方法示例_汇总 添加程序注释可以帮助自己和阅读程序的技术人员更好地理...
[LsSDK][tool] l... 文章目录一、首先是界面介绍。二、工具的目的三、ls_gpio.h模板四、ls_syscfg.h 模板...
Linux的目录结构 目录 一:重要性和基本介绍 二:目录结构​编辑 ​编辑 2.1 bin...
java中IO流的操作 对于java中io流的一些操作和类进行总结 io流的分类:  字节流:...
HydroD 实用教程(七)静... 目 录一、前言二、稳性分析三、Hydrostatic Rule Checks四、AVCG Analy...
记录使用Dockerfile来... 一准备一个安装了docker的虚拟机 首先准备一个安装好了docker的虚拟机,我的d...
Nginx学习笔记(三)Lin... 目录一、官网下载二、配置基本信息1.上传 Linux2.解压3.安装编译环境4.执行命令4.1 配置...
怎样展示你在项目中的重要性? 今天我们聊聊面试中,怎样介绍你的项目,以及怎样突出你的重要性。面试中除了...
LA-Lib库c++环境下的编... 下载地址一:GitHub仓库 下载地址二:(内含己编译一个...
在 AI 上训练 AI:Cha... ChatGPT 可以像 Linux 终端一样运行,并在给出以下提示时返回执行结果。下面...
import 或者requir... 最近看别人写的源码时发现一个有趣的现象, import {promises as f...
通过sysfs文件系统接口来改... 通过sysfs文件系统接口来改变内核模块中的变量值(二) 文章目录通过...
JavaWeb《一》概念、服务... 🍎道阻且长,行则将至。🍓 本文是javaweb的...
iOS上架App Store详... 上架基本需求资料 1、苹果开发者账号(如还没账号先申请- 苹果开发者账号申请教程&#x...
【LeetCode每日一题】—... 文章目录一【题目类别】二【题目难度】三【题目编号】四【题目描述】五【题目示例】六【解题思路】七【题目...
代码随想录算法训练营第三十五天... 860.柠檬水找零 题目链接 思路: 情况一:账单是5,直...
VsCoe离线安装插件【步骤+... 文章目录1、下载插件2、安装 svn插件为例2.1、下载插件2.2、安装2.3、查看安装插件 前言...
【C++】13.多态 1.多态的概念 通俗来说,就是多种形态,具体点就是去完成某个行为...
光伏并网逆变器学习1-simu... 分为三个部分:光伏电池 、 boost+mppt 、 并网逆变 光伏电池&#...
WEB前端第三次作业——CSS... WEB前端第三次作业——CSS样式案例 做出如下图中的效果 用到的图片素材均来源于对应网站源代码 ...
Liunx下的进程空间地址理解... 文章目录前言1.进程空间地址1.从编程语言角度理解地址的划分2.进程虚拟地址3.扩展1.为啥要有虚拟...
【尊享版】你真的会休息吗?如何... 超友们,早上好~ 今天我为你带来的分享是《你真的会休息吗?如何开始正确的...
数据更新 | CnOpenDa... 证券从业人员信息数据 一、数据简介   证券从业人员是指被中国证监会依法批准的证券从业机构正式聘用或...
HTML 音频(Audio) HTML 音频(Audio) 声音在HTML中可以以不同的方式播放. 问题以及解决方法 在 HTML...
树莓派/linux/ubunt... 问题描述需要给树莓派设置静态ip并且要可以连接网络。但实际情况是有静态ip时:ping...
C语言指针操作(十)动态内存分... 目录 一、什么是内存的动态分配 二、怎样建立内存的动态分配 2.1用malloc函数开辟动态存储区 ...
测试怎么做到尽可能全和尽可能快 需求 目标 就上面这样一个很简单的功能点,但是他的测试数据产品一共给了6K多条 本...