uniapp+springboot之微信app支付_uniapp+springcloud微信支付-优快云博客

本文链接：https://blog.youkuaiyun.com/qq_37145715/article/details/117425055

本文介绍如何将uni-app与SpringBoot后台整合，实现微信App支付功能。主要内容包括前端URL的修改、配置文件中填充APP_ID、KEY、MCH_ID及certPath，以及后端控制器、util工具类、service层和impl层中NOTIFY_URL的设置。开发者可按步骤操作，并在遇到疑问时留言寻求帮助。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

注意！注意！注意！

重要的事情说三遍

只需要修改以下几点：

1、前端修改圈起来的url地址

2、util需要修改成自己的APP_ID KEY MCH_ID certPath

3、impl层主要修改 NOTIFY_URL

pom引入

1 <dependency>
2     <groupId>com.github.wxpay</groupId>
3     <artifactId>wxpay-sdk</artifactId>
4     <version>0.0.3</version>
5 </dependency>

uniapp

 1 wxPay() {
 2                 var price =0.01;
 3                 console.log(price)
 4                 uni.request({
 5                     url: 'xxxxxx/order/wx',   //域名+接口
 6                     method: 'POST',
 7                     header: {
 8                         'content-type': 'application/x-www-form-urlencoded'
 9                     },
10                     data: {
11                         'price': price,
12                     },
13                     
14                     success: function(data) {
15                         console.log(JSON.stringify(data.data))
16                         uni.requestPayment({
17                             provider: 'wxpay',
18                             orderInfo: JSON.stringify(data.data), //微信、支付宝订单数据
19                             success: function(res) {                        
20                                 console.log('success:' + JSON.stringify(res));
21                             },
22                             fail: function(err) {
23                                 uni.showToast({
24                                     title:JSON.stringify(err),
25                                     duration:100000000,
26                                     icon:'none'
27                                 })
28                                 console.log('fail:' + JSON.stringify(err));
29                             }
30                         });
31                     }
32                 });
33             }

后端代码：

controller

 1 package com.tf.medicaworkers.wxpay;
 2 
 3 import io.swagger.annotations.ApiOperation;
 4 import org.springframework.beans.factory.annotation.Autowired;
 5 import org.springframework.web.bind