微信支付开发，基于SpringBoot+Vue架构的Java在线支付项目

最新推荐文章于 2024-01-13 18:21:44 发布
最新推荐文章于 2024-01-13 18:21:44 发布
阅读量6.7k 收藏 79
点赞数 9
分类专栏： 项目实战 文章标签： java spring boot 微信
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_47872288/article/details/121968114
版权

目录

前言

本项目主要通过以下链接进行学习
【尚硅谷】微信支付开发，基于SpringBoot+Vue架构的Java在线支付视频教程

这篇文章结合了自已的思考以及笔记

该项目主要是基于
后端技术有：springboot+springmvc+restful+vue+mybatis-plus+mysql
前端技术有：html+css+vue

本文的框架主要介绍

  • 微信支付的一些引言，关于支付的证书、密钥以及签名
  • 项目的构建到实现
  • 基础支付API接口

本文的框架涉及的知识点 可看我之前的文章
基础知识：

  1. java零基础从入门到精通（全）
  2. javaSE从入门到精通的二十万字总结（一）
  3. javaSE从入门到精通的二十万字总结（二）
  4. javaSE从入门到精通的二十万字总结（三）

服务端：

  1. Spring框架从入门到学精（全）
  2. SpringMVC从入门到精通（全）
  3. Mybatis从入门到精通（全）
  4. MyBatis-plus从入门到精通（全）

数据库：

  1. 数据库中增删改常用语法语句（全）
  2. 数据库查询常用语句语法

web服务器：Tomcat详细配置（全）

项目管理：

  1. Maven实战从入门到精通（全）
  2. Maven详细配置（全）

前端知识点：

  1. html从入门到精通（全）
  2. css属性从入门到精通（全）
  3. JavaScript从入门到精通（全）

1. 支付安全

  • 明文：加密前的消息叫“明文”（plain text）
  • 密文：加密后的文本叫“密文”（cipher text）
  • 密钥：只有掌握特殊“钥匙”的人，才能对加密的文本进行解密，这里的“钥匙”就叫做“密钥”（key）

按照密钥的使用方式，加密可以分为两大类：对称加密和非对称加密

1.1 对称加密和非对称加密

对称加密
特点：只使用一个密钥，密钥必须保密，常用的有 AES算法

  • 优点：运算速度快
  • 缺点：秘钥需要信息交换的双方共享，一旦被窃取，消息会被破解，无法做到安全的密钥交换

非对称加密
特点：使用两个密钥：公钥和私钥，公钥可以任意分发而私钥保密，常用的有 RSA

  • 优点：黑客获取公钥无法破解密文，解决了密钥交换的问题
  • 缺点：运算速度非常慢

1.2 身份认证

  • 公钥加密，私钥解密的作用是加密信息
  • 私钥加密，公钥解密的作用是身份认证

一般来说公钥加密之后，公钥都是公开的，通过私钥进行解密

而如果反过来，通过私钥加密，公钥解密，那就是身份认证，专属自已的唯一钥匙

1.3 摘要算法

主要为了保证数据没有被修改过，保证信息的完整性

摘要算法就是我们常说的散列函数、哈希函数（Hash Function），它能够把任意长度的数据“压缩”成
固定长度、而且独一无二的“摘要”字符串，就好像是给这段数据生成了一个数字“指纹”。

主要的特性有：

  • 不可逆：只有算法，没有秘钥，只能加密，不能解密
  • 难题友好性：想要破解，只能暴力枚举
  • 发散性：只要对原文进行一点点改动，摘要就会发生剧烈变化
  • 抗碰撞性：原文不同，计算后的摘要也要不同

为了凸显数据的完整性，通过加入摘要算法，将其添加进数据中
而拿到数据的人为了验证数据完整性，通常也要通过摘要算法，也就是哈希，判断数据前后是否一致，依次判定是否有修改

但如果中间被截获，生成新的摘要算法，很难判断是否又被其他人修改

1.4 数字签名和数字证书

数字签名：
将数据通过摘要算法之后还要再用私钥加密变成数字签名
而获得数据的人，需要通过公钥进行解密以及通过摘要算法来验证数据的完整性

上面的公钥可以伪造
为此多了一个数字证书

数字证书：
数字证书解决“公钥的信任”问题，可以防止黑客伪造公钥。
不能直接分发公钥，公钥的分发必须使用数字证书，数字证书由CA颁发

具体数字证书生成流程如下：
通过哈希算法也就是摘要算法生成信息再通过CA的私钥加密变成数字证书

A用数字证书发送数据，B取到数据后，通过哈希算法也就是摘要算法进行确定完整性，再通过CA的公钥判定是否可以取出，取出之后就是A的公钥了。B再用取到的A公钥进行解密，以及摘要算法确定数据的完整性

在科普一下https的数字证书：
在这里插入图片描述

2. 项目初期

2.1 构建测试

创建springboot的项目
通过idea编译器 new 一个spring initializr的项目，java8的版本
以及服务器使用https://start.aliyun.com，会比较快

具体关于springboot的相关知识可看我之前的文章
springboot从入门到精通（全）

此处修改以下pom文件下的依赖文件改成web，主要为了网页的启动

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

配置一个端口号（资源文件下）

server:
  port: 8090 #服务端口

spring:
  application:
    name: payment-demo #应用的名字

配置一个界面，进行测试springboot的启动

@RestController //主要是为了传输json数据的一个注解
@RequestMapping("/api/product")
public class ProductController {


    @GetMapping("/test")
    public String test(){

        return "hello";
    }
}

在浏览器中输入url为
http://localhost:8090/api/product/test 进行测试

几个注意事项：
在搭建springboot的时候
使用maven管理jar包的时候不要混乱使用版本号
（注解不要混乱使用jar包各个版本）

在这里插入图片描述

2.2 引入Swagger

自动生成接口文档和相关的测试界面
测试get post delete等界面的时候比较方便

一个是依赖文件一个是ui的展示界面依赖包

<!--Swagger-->
<dependency>
    <groupId>io.springfox</groupId>
    <artifactId>springfox-swagger2</artifactId>
    <version>2.7.0</version>
</dependency>
<!--Swagger ui-->
<dependency>
    <groupId>io.springfox</groupId>
    <artifactId>springfox-swagger-ui</artifactId>
    <version>2.7.0</version>
</dependency>

配置一个配置类

通过bean对象注入
如一个文本的文档对象

import org.springframework.context.annotation.Bean;
import org.springframework.context.annotation.Configuration;
import springfox.documentation.builders.ApiInfoBuilder;
import springfox.documentation.spi.DocumentationType;
import springfox.documentation.spring.web.plugins.Docket;
import springfox.documentation.swagger2.annotations.EnableSwagger2;

@Configuration
@EnableSwagger2
public class Swagger2Config {

    @Bean
    public Docket docket(){

        return new Docket(DocumentationType.SWAGGER_2)
                .apiInfo(new ApiInfoBuilder().title("码农研究僧微信支付案例接口文档").build());
    }
}

之后在网址中输入如下页面http://localhost:8090/swagger-ui.html#/
在这里插入图片描述

为了更好的通过url与swagger的更好融合
可以在业务层的代码模块中增加如下，@Api(tags = "商品管理")，@ApiOperation("测试接口")
这个注解@ApiOperation(" )只有一个value值 ，所以value值可以省略

@Api(tags = "商品管理")
@RestController //主要是为了传输json数据的一个注解
@RequestMapping("/api/product")
public class ProductController {

	@ApiOperation("测试接口")
    @GetMapping("/test")
    public String test(){

        return "hello";
    }
}

之后在页面中就会这么显示

在这里插入图片描述

2.3 引入lombok

为了前后端更好的交互，定义一个统一的结果
主要显示响应码，响应消息
再依赖包中要放一个lombok
主要是可以简化开发，自动生成get、set等方法

（前提是有lombok的插件）

<!--lombok-->
<dependency>
    <groupId>org.projectlombok</groupId>
    <artifactId>lombok</artifactId>
</dependency>

主要的代码模块为

@Data
public class R {

    private Integer code; //响应码
    private String message; //响应消息
    private Map<String, Object> data = new HashMap<>();

    public static R ok(){
        R r = new R();
        r.setCode(0);
        r.setMessage("成功");
        return r;
    }

    public static R error(){
        R r = new R();
        r.setCode(-1);
        r.setMessage("失败");
        return r;
    }

    public R data(String key, Object value){
        this.data.put(key, value);
        return this;
    }

}

通过@Data这个注解查看其structure结构，也可以看到自动生成了get和set等方法

关于@Data这个注解可看我之前的文章
spring中@Data注解详细解析
在这里插入图片描述

给前端传输一些具体的信息
通过data这个哈希进行传输

public R data(String key, Object value){
       this.data.put(key, value);
       return this;
   }

在显示界面中通过输入一定的值就可看到
链式操作，可以多个值传输

@ApiOperation("测试接口")
   @GetMapping("/test")
   public R test(){

       return R.ok().data("message", "hello").data("now", new Date());
   }

特别补充一下如果这样传输new Date()的数据，不是一个标准的格式
如果要换成想要的格式
可以在资源文件中进行添加（本身时json的数据格式）
yyyy-MM-dd HH:mm:ss 年月日，分时秒，GMT+8以及时区

jackson:
    date-format: yyyy-MM-dd HH:mm:ss
    time-zone: GMT+8

在这里插入图片描述

3. 数据库

通过navicat软件或者本机的mysql进行构建数据库
通过运行特定的数据库脚本或者自已书写数据库

具体sql的脚本如下

USE `payment_demo`;

/*Table structure for table `t_order_info` */

CREATE TABLE `t_order_info` (
  `id` bigint(11) unsigned NOT NULL AUTO_INCREMENT COMMENT '订单id',
  `title` varchar(256) DEFAULT NULL COMMENT '订单标题',
  `order_no` varchar(50) DEFAULT NULL COMMENT '商户订单编号',
  `user_id` bigint(20) DEFAULT NULL COMMENT '用户id',
  `product_id` bigint(20) DEFAULT NULL COMMENT '支付产品id',
  `total_fee` int(11) DEFAULT NULL COMMENT '订单金额(分)',
  `code_url` varchar(50) DEFAULT NULL COMMENT '订单二维码连接',
  `order_status` varchar(10) DEFAULT NULL COMMENT '订单状态',
  `create_time` datetime DEFAULT CURRENT_TIMESTAMP COMMENT '创建时间',
  `update_time` datetime DEFAULT CURRENT_TIMESTAMP ON UPDATE CURRENT_TIMESTAMP COMMENT '更新时间',
  PRIMARY KEY (`id`)
) ENGINE=InnoDB AUTO_INCREMENT=1 DEFAULT CHARSET=utf8mb4;


/*Table structure for table `t_payment_info` */

CREATE TABLE `t_payment_info` (
  `id` bigint(20) unsigned NOT NULL AUTO_INCREMENT COMMENT '支付记录id',
  `order_no` varchar(50) DEFAULT NULL COMMENT '商户订单编号',
  `transaction_id` varchar(50) DEFAULT NULL COMMENT '支付系统交易编号',
  `payment_type` varchar(20) DEFAULT NULL COMMENT '支付类型',
  `trade_type` varchar(20) DEFAULT NULL COMMENT '交易类型',
  `trade_state` varchar(50) DEFAULT NULL COMMENT '交易状态',
  `payer_total` int(11) DEFAULT NULL COMMENT '支付金额(分)',
  `content` text COMMENT '通知参数',
  `create_time` datetime DEFAULT CURRENT_TIMESTAMP COMMENT '创建时间',
  `update_time` datetime DEFAULT CURRENT_TIMESTAMP ON UPDATE CURRENT_TIMESTAMP COMMENT '更新时间',
  PRIMARY KEY (`id`)
) ENGINE=InnoDB AUTO_INCREMENT=1 DEFAULT CHARSET=utf8mb4;


/*Table structure for table `t_product` */

CREATE TABLE `t_product` (
  `id` bigint(20) NOT NULL AUTO_INCREMENT COMMENT '商品id',
  `title` varchar(20) DEFAULT NULL COMMENT '商品名称',
  `price` int(11) DEFAULT NULL COMMENT '价格（分）',
  `create_time` datetime DEFAULT CURRENT_TIMESTAMP COMMENT '创建时间',
  `update_time` datetime DEFAULT CURRENT_TIMESTAMP ON UPDATE CURRENT_TIMESTAMP COMMENT '更新时间',
  PRIMARY KEY (`id`)
) ENGINE=InnoDB AUTO_INCREMENT=1 DEFAULT CHARSET=utf8mb4;

/*Data for the table `t_product` */

insert  into `t_product`(`title`,`price`) values ('Java课程',1);
insert  into `t_product`(`title`,`price`) values ('大数据课程',1);
insert  into `t_product`(`title`,`price`) values ('前端课程',1);
insert  into `t_product`(`title`,`price`) values ('UI课程',1);

/*Table structure for table `t_refund_info` */

CREATE TABLE `t_refund_info` (
  `id` bigint(20) unsigned NOT NULL AUTO_INCREMENT COMMENT '退款单id',
  `order_no` varchar(50) DEFAULT NULL COMMENT '商户订单编号',
  `refund_no` varchar(50) DEFAULT NULL COMMENT '商户退款单编号',
  `refund_id` varchar(50) DEFAULT NULL COMMENT '支付系统退款单号',
  `total_fee` int(11) DEFAULT NULL COMMENT '原订单金额(分)',
  `refund` int(11) DEFAULT NULL COMMENT '退款金额(分)',
  `reason` varchar(50) DEFAULT NULL COMMENT '退款原因',
  `refund_status` varchar(10) DEFAULT NULL COMMENT '退款状态',
  `content_return` text COMMENT '申请退款返回参数',
  `content_notify` text COMMENT '退款结果通知参数',
  `create_time` datetime DEFAULT CURRENT_TIMESTAMP COMMENT '创建时间',
  `update_time` datetime DEFAULT CURRENT_TIMESTAMP ON UPDATE CURRENT_TIMESTAMP COMMENT '更新时间',
  PRIMARY KEY (`id`)
) ENGINE=InnoDB AUTO_INCREMENT=1 DEFAULT CHARSET=utf8mb4;

在这里插入图片描述

在java代码模块中
引入数据库的依赖包

<!--mysql 驱动-->
<dependency>
    <groupId>mysql</groupId>
    <artifactId>mysql-connector-java</artifactId>
</dependency>

<!--MyBatis-Plus：是MyBatis的增强-->
<dependency>
    <groupId>com.baomidou</groupId>
    <artifactId>mybatis-plus-boot-starter</artifactId>
    <version>3.3.1</version>
</dependency>

添加数据库的连接
在这里插入图片描述

  datasource:
    driver-class-name: com.mysql.cj.jdbc.Driver
    url: jdbc:mysql://localhost:3306/payment_demo?serverTimezone=GMT%2B8&characterEncoding=utf-8
    username: root
    password: 123456

数据库的版本号如果是5左右，版本名字叫做com.mysql.jdbc.Driver
如果是8的版本号，版本名字叫做com.mysql.cj.jdbc.Driver，即使在pom文件中不给版本号，系统也会默认给8的版本
具体下载方式可以通过maven工程
也可以通过如下进行下载

  1. mysql-connector-java-8.0.26.rar
  2. MySql Connector Java 5.1.23.rar

代码模块中关于数据库
需要数据库表的实体类，映射文件，以及业务逻辑的代码模块
可以通过mybatis的逆向工程一键生成
具体可看我之前的文章
mybatis逆向工程详细配置讲解（全）

3.1 实体类

一共有四张表格，而也有公共的列名称，所以可以设置一个公有类，之后通过继承
在这里插入图片描述

在命名的时候如果表格与实体类不一样，可以通过@TableName("t_order_info")这个注解进行映射
如果列名和数据库的列名不一样，也可以映射，但最好使用驼峰的命名规则，mybatisplus就会帮忙转换
在这里插入图片描述
（通过lombok的插件 可以自动生成get、set等方法）

如果数据库有主键还需要再主键中配备一个注解
定义主键策略：跟随数据库的主键自增@TableId(value = "id", type = IdType.AUTO)

在这里插入图片描述

3.2 映射类

在这里插入图片描述

继承BaseMapper
在这里插入图片描述

这个类，是mybatis-plus中的统用maper

动态的生成一些特定的接口

在这里插入图片描述

xml文件也没有一些书写代码

补充：
再编译之后 target目录中，没有生成xml文件
默认情况下，java目录下非java代码生成不了

资源路径搭配的选项
让maven 中把非java文件也生成

<build>
    <!-- 项目打包时会将java目录中的*.xml文件也进行打包 -->
    <resources>
        <resource>
            <directory>src/main/java</directory>
            <includes>
                <include>**/*.xml</include>
            </includes>
            <filtering>false</filtering>
        </resource>
    </resources>
    
</build>

让运行文件能够找到xml文件

应用程序的mapper如何找到
主要是这一行代码

mapper-locations: classpath:com/paymentdemo/mapper/xml/*.xml

顺便补充一下日志的配置文件

在这里插入图片描述

3.3 service类

在这里插入图片描述

继承了IService
在这里插入图片描述

定义了一些增删改查等抽象方法还有一些分页以及批量处理的方法
在这里插入图片描述

3.4 配置类

主要是开启事务
以及扫描映射文件

import org.mybatis.spring.annotation.MapperScan;
import org.springframework.context.annotation.Configuration;
import org.springframework.transaction.annotation.EnableTransactionManagement;

@Configuration
@MapperScan("com.paymentdemo.mapper")
@EnableTransactionManagement //启用事务管理
public class MyBatisPlusConfig {


}

3.5 业务逻辑

添加完数据库之后
就可以通过调用数据库的数据

@CrossOrigin //开放前端的跨域访问
@Api(tags = "商品管理")
@RestController
@RequestMapping("/api/product")
public class ProductController {

    @Resource
    private ProductService productService;


    @GetMapping("/list")
    public R list(){

        List<Product> list = productService.list();
        return R.ok().data("productList", list);
    }

}

之后在页面中就可以访问到数据

http://localhost:8090/swagger-ui.html#!/21830216973164929702/listUsingGET

在这里插入图片描述

在这里插入图片描述

同时在终端中也可以看到日志的输出
在这里插入图片描述

4. 前端界面

前端界面主要是vue+javascript+html

刚开始是安装node的安装包，可以通过官网进行安装

安装完之后，再cmd命令下搜node -v即可查到版本号
在这里插入图片描述

在前端搭建的项目中输入 npm run serve

在这里插入图片描述

默认是开启了前端的界面
但是搭建了后端界面，以及前端界面之后，是没有进行连接的，所以登陆进去会出错
在这里插入图片描述

前端的端口号中有为8080，但是后端的端口号为8090，所以是不一样的端口号，需要进行跨域

通信的方式为ajax方式
在后端的代码中需要添加一个注解，代表是进行跨域的请求访问
@CrossOrigin //开放前端的跨域访问
在这里插入图片描述

4.1 vue

具体打开vue的代码模块通过vscode这个软件
具体怎么安装可通过官网进行下载
一般新手添加三个插件比较好（chinese的中文包、vuehelper的帮助文档等）

一般如果不安装镜像进行下载的话，会通过国内的链接进行下载，一般会比较卡
所以再cmd命令行下面输入这两行命令

  • npm config set registry https://registry.npm.taobao.org ，npm install的安装都会经过淘宝的镜像地址进行下载

  • npm install -g @vue/cli 进行全局的安装脚手架

正常安装情况下：（出现warn不要怕，出现error要害怕）
在这里插入图片描述
如果不能安装可查看我这篇文章
出现npm ERR code EPERM npm ERR syscall mkdir npm ERR path B:\nodejs\node_global_cacache 的解决方法

vscode的快捷键：

crtl + ~ 打开终端
ctrl + l 滚动终端到上面

新建一个项目 vue create 项目名
运行这个项目 npm run serve -- --port 端口号
第一个-- 代表是占位符，可以不用填写，第二个–是端口号

vue的页面组件：

  • 页面显示的文件
  • 需要的脚本
  • 页面的样式

具体简单的vue页面架构如下：
在这里插入图片描述
App.vue的页面内容主要有：

<!--定义页面结构-->
<template>
  <div>
  

  </div>
</template>

<!--定义页面脚本-->
<script>
export default {


}
</script>

设计的知识点有：
数据绑定，双向绑定等
简单界面

<!--定义页面结构-->
<template>
  <div>
    <h1>Vue案例</h1>
    <!-- 插值 -->
    <p>{{course}}</p>
    <p>
      <!-- 指令 -->
      <input type="text" v-model="course">
    </p>
    <p>
      <!-- 事件 -->
      <button @click="toPay()">去支付</button>
    </p>
  </div>
</template>

<!--定义页面脚本-->
<script>
export default {
  // 定义数据
  data () {
    return {
      course: '微信支付'
    }
  },

  // 定义方法
  methods: {
    toPay(){
      console.log('去支付')
    }
  }
}
</script>

5. 基础支付API V3

引入支付参数：商户号、app的密钥等
加载商户的密钥：非对称密钥的使用，公钥私钥的使用
获取平台证书和验签器：微信平台和网站的两个证书辨别
获取HttpClient对象：远程请求访问，建立远程连接

微信支付API v3的Apache HttpClient扩展，实现了请求签名的生成和应答签名的验证。

如果你是使用Apache HttpClient的商户开发者，可以使用它构造HttpClient。得到的HttpClient在执行请求时将自动携带身份认证信息，并检查应答的微信支付签名。

其java语言的api文档可查看
java api文档

具体如何加载的流程图可看这里
APIv3证书与密钥使用说明

在这里插入图片描述

5.1 配置yml和配置类

配置yml

主要是配置微信的支付参数
具体关于微信支付的官网如下
微信支付官网

具体微信支付的参数有：

  • 证书的序列号，就如同CA数字签名
    发送：商户的私钥文件加载到应用程序中主要是为了签名
    签收：之后发送给微信的服务器端，微信根据证书的序列号对应的证书，再通过公钥进行验签

  • APIV3的密钥主要是对称加密

  • APPID就是公众号分配的一个id

  • 微信的服务器地址，向微信服务器端发送支付的请求

  • 接收结果的通知，也要向本地服务器（网站）返回一个结果地址（内网穿透，不一样地址）

# 微信支付相关参数
# 商户号
wxpay.mch-id=手机号
# 商户API证书序列号
wxpay.mch-serial-no=34345964330B66427E0D3D28826C4993C77E631F

# 商户私钥文件
wxpay.private-key-path=apiclient_key.pem
# APIv3密钥
wxpay.api-v3-key=UDuLFDcmy5Eb6o0nTNZdu6ek4DDh4K8B
# APPID
wxpay.appid=wx74862e0dfcf69954
# 微信服务器地址
wxpay.domain=https://api.mch.weixin.qq.com
# 接收结果通知地址
# 注意：每次重新启动ngrok，都需要根据实际情况修改这个配置
wxpay.notify-domain=https://500c-219-143-130-12.ngrok.io

# APIv2密钥
wxpay.partnerKey: T6m9iK73b0kn9g5v426MKfHQH7X8rKwb

配置类

弄一个配置类主要是为了和微信的支付参数一一对应

@Configuration
@PropertySource("classpath:wxpay.properties") //读取配置文件
@ConfigurationProperties(prefix="wxpay") //读取wxpay节点
@Data //使用set方法将wxpay节点中的值填充到当前类的属性中
@Slf4j
public class WxPayConfig {

    // 商户号
    private String mchId;

    // 商户API证书序列号
    private String mchSerialNo;

    // 商户私钥文件
    private String privateKeyPath;

    // APIv3密钥
    private String apiV3Key;

    // APPID
    private String appid;

    // 微信服务器地址
    private String domain;

    // 接收结果通知地址
    private String notifyDomain;

    // APIv2密钥
    private String partnerKey;
    
}

配置完的配置文件点击进去之后进不了页面
可以将其配置文件配置为spring的配置文件

方法如下：
在这里插入图片描述

添加相对应的依赖包

<!-- 生成自定义配置的元数据信息 -->
<dependency>
    <groupId>org.springframework.boot</groupId>
    <artifactId>spring-boot-configuration-processor</artifactId>
    <optional>true</optional>
</dependency>

重启启动或者clean之后
可以通过配置文件的信息crtl+右键进入其配置类

5.2 加载私钥文件

需要将其私钥文件引入
主要是为了签名，进行加密

具体api文档可查看
微信支付开发者文档

需要加入依赖包

<dependency>
    <groupId>com.github.wechatpay-apiv3</groupId>
    <artifactId>wechatpay-apache-httpclient</artifactId>
    <version>0.3.0</version>
</dependency>

具体的加载代码如下
在这里插入图片描述
代码模块如下

  • 私钥存储在文件
PrivateKey merchantPrivateKey = PemUtil.loadPrivateKey(
        new FileInputStream("/path/to/apiclient_key.pem"));
  • 私钥为String字符串
PrivateKey merchantPrivateKey = PemUtil.loadPrivateKey(
        new ByteArrayInputStream(privateKey.getBytes("utf-8")));

在具体的配置类中可以加入这个方法，之后通过测试调用测试是否可以加载

/**
 * 获取商户的私钥文件
 * @param filename
 * @return
 */
private PrivateKey getPrivateKey(String filename){

    try {
        return PemUtil.loadPrivateKey(new FileInputStream(filename));
    } catch (FileNotFoundException e) {
        throw new RuntimeException("私钥文件不存在", e);
    }
}

在这里插入图片描述

具体的测试类调用通过如下

@SpringBootTest
class PaymentDemoApplicationTests {

    @Resource
    private WxPayConfig wxPayConfig;

    /**
     * 获取商户的私钥
     */
    @Test
    void testGetPrivateKey() {

        //获取私钥路径
        String privateKeyPath = wxPayConfig.getPrivateKeyPath();

        //获取私钥
        PrivateKey privateKey = wxPayConfig.getPrivateKey(privateKeyPath);

        System.out.println(privateKey);

    }

}

5.3 获取签名验证器和HttpClient

通过商户的公钥（微信平台的证书，防止被造假）来验证签名

在这里插入图片描述

new WechatPay2Credentials(merchantId, new PrivateKeySigner(merchantSerialNumber, merchantPrivateKey)),

代码参数分别为

  • merchantId 商户id
  • merchantSerialNumber 商户序列号
  • merchantPrivateKey 商户私钥

具体在配置类中添加一个方法
具体实现为

一启动就自动实现，而且不需要人为，所以通过@bean进行注入

使用定时的更新签名验证器还需要结合一个对称加密apiV3Key.getBytes(StandardCharsets.UTF_8)

/**
 * 获取签名验证器
 * @return
 */
@Bean
public ScheduledUpdateCertificatesVerifier getVerifier(){

    log.info("获取签名验证器");

    //获取商户私钥
    PrivateKey privateKey = getPrivateKey(privateKeyPath);

    //私钥签名对象
    PrivateKeySigner privateKeySigner = new PrivateKeySigner(mchSerialNo, privateKey);

    //身份认证对象
    WechatPay2Credentials wechatPay2Credentials = new WechatPay2Credentials(mchId, privateKeySigner);

    // 使用定时更新的签名验证器，不需要传入证书
    ScheduledUpdateCertificatesVerifier verifier = new ScheduledUpdateCertificatesVerifier(
            wechatPay2Credentials,
            apiV3Key.getBytes(StandardCharsets.UTF_8));

    return verifier;
}


/**
 * 获取http请求对象
 * @param verifier
 * @return
 */
@Bean(name = "wxPayClient")
public CloseableHttpClient getWxPayClient(ScheduledUpdateCertificatesVerifier verifier){

    log.info("获取httpClient");

    //获取商户私钥
    PrivateKey privateKey = getPrivateKey(privateKeyPath);

    WechatPayHttpClientBuilder builder = WechatPayHttpClientBuilder.create()
            .withMerchant(mchId, mchSerialNo, privateKey)
            .withValidator(new WechatPay2Validator(verifier));
    // ... 接下来，你仍然可以通过builder设置各种参数，来配置你的HttpClient

    // 通过WechatPayHttpClientBuilder构造的HttpClient，会自动的处理签名和验签，并进行证书自动更新
    CloseableHttpClient httpClient = builder.build();

    return httpClient;
}

5.5 API字典和相关工具

添加一个json的依赖包

因为微信支付的api v3 要使用json作为消息体的数据交互格式

<!--json处理器-->
<dependency>
    <groupId>com.google.code.gson</groupId>
    <artifactId>gson</artifactId>
</dependency>

具体各个功能都需要调用API接口

具体的接口地址可以通过这个网址查询
Native下单API

为了应用的时候写成常量的形式或者枚举的形式
在这里插入图片描述

所以弄了一个枚举的类

  • 分别为支付宝和微信以及成员变量
    因为成员变量是final，不能改变，所以定义了一个@Getter，而没有setter的注解
@AllArgsConstructor
@Getter
public enum PayType {
    /**
     * 微信
     */
    WXPAY("微信"),


    /**
     * 支付宝
     */
    ALIPAY("支付宝");

    /**
     * 类型
     */
    private final String type;
}
  • 订单状态的支付有如下的枚举类
@AllArgsConstructor
@Getter
public enum OrderStatus {
    /**
     * 未支付
     */
    NOTPAY("未支付"),


    /**
     * 支付成功
     */
    SUCCESS("支付成功"),

    /**
     * 已关闭
     */
    CLOSED("超时已关闭"),

    /**
     * 已取消
     */
    CANCEL("用户已取消"),

    /**
     * 退款中
     */
    REFUND_PROCESSING("退款中"),

    /**
     * 已退款
     */
    REFUND_SUCCESS("已退款"),

    /**
     * 退款异常
     */
    REFUND_ABNORMAL("退款异常");

    /**
     * 类型
     */
    private final String type;
}

以上两部分都是用户和商户平台的枚举类
下面商户和微信的支付平台的枚举类

  • 把所有订单出现的api接口、通知、退款、以及交易的api接口都出现在 枚举类

在这里插入图片描述

工具类

订单工具类
主要用于获取订单编号、获取退款单编号、以及获取编号

public class OrderNoUtils {

    /**
     * 获取订单编号
     * @return
     */
    public static String getOrderNo() {
        return "ORDER_" + getNo();
    }

    /**
     * 获取退款单编号
     * @return
     */
    public static String getRefundNo() {
        return "REFUND_" + getNo();
    }

    /**
     * 获取编号
     * @return
     */
    public static String getNo() {
        SimpleDateFormat sdf = new SimpleDateFormat("yyyyMMddHHmmss");
        String newDate = sdf.format(new Date());
        String result = "";
        Random random = new Random();
        for (int i = 0; i < 3; i++) {
            result += random.nextInt(10);
        }
        return newDate + result;
    }
}

接收微信的http服务器之后响应服务器，这种叫回调通知
具体的通知都放到HttpServletRequest

public class HttpUtils {

    /**
     * 将通知参数转化为字符串
     * @param request
     * @return
     */
    public static String readData(HttpServletRequest request) {
        BufferedReader br = null;
        try {
            StringBuilder result = new StringBuilder();
            br = request.getReader();
            for (String line; (line = br.readLine()) != null; ) {
                if (result.length() > 0) {
                    result.append("\n");
                }
                result.append(line);
            }
            return result.toString();
        } catch (IOException e) {
            throw new RuntimeException(e);
        } finally {
            if (br != null) {
                try {
                    br.close();
                } catch (IOException e) {
                    e.printStackTrace();
                }
            }
        }
    }
}

6. Native订单

具体的流程图如图所示
工作的流程为：

  1. 用户通过点击支付按钮，在网站中会生成一笔订单发送给微信支付系统，微信支付系统确认调用后会发个二维码给网站后台，网站后台发给用户展示
  2. 用户扫描二维码的时候，会直接将其扫描成功连接发送给微信支付系统，之后验证其链接的有效性，返回给客户的一个输入密码的页面展示
  3. 用户通过输入密码提交，会直接发送给微信支付系统，之后进行验证其密码的准确性，验证成功之后会给客户一个显示支付成功的界面
  4. 付款成功之后，微信支付系统要给网站一个支付结果（回调通知，服务器给客户端直接发送），网站就会给服务器通知成功接收的情况
  5. 如果网站没有收到该通知，网站还需要发请主动的查询订单给服务器，之后服务器返回支付状态，在网站页面显示

在这里插入图片描述

6.1 Native下单

通过书写一个接口类

public interface WxPayService {
}

接口实现类
一定要写上@Service注解

@Service
public class WxPayServiceImpl implements WxPayService {
}

业务逻辑类如下

@CrossOrigin //跨域
@RestController //json的数据传输
@RequestMapping("/api/wx-pay")
@Api(tags = "网站微信支付APIv3") //swagger网址可以看到
@Slf4j //日志的输出结果
public class WxPayController {

    @Resource
    private WxPayService wxPayService;

    /**
     * Native下单
     * @param productId
     * @return
     * @throws Exception
     */
    @ApiOperation("调用统一下单API，生成支付二维码")
    @PostMapping("/native/{productId}")
    public R nativePay(@PathVariable Long productId) throws Exception {

        log.info("发起支付请求 v3");

        //返回支付二维码连接和订单号
        Map<String, Object> map = wxPayService.nativePay(productId);

        return R.ok().setData(map);
    }

}

业务逻辑类需要书写的方法需要通过接口类和实现类进行实时补充

顺便补充一下关于返回的值可以使用链式，R.ok().setData(map);
则需要在R这个类上使用链式 的注解类@Accessors(chain = true)，之后所有的返回值都可以进行链式操作

在这里插入图片描述

码农研究僧
关注
  • 9
    点赞
  • 踩
  • 79
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 10
    评论
专栏目录
必看！前端角度梳理微信支付（小程序、H5、JSAPI）流程解密
张宁乐的博客
04-02 1655
前端和后端要多沟通，有什么问题(难点)随时反馈，需要什么参数好好说，遇到观点不一致的时候千万要注意控制住情绪，切莫撕逼（.——.）。整个流程走下来，给我的体验是：小程序支付最方面（因为配置少），其次是 H5，JSAPI 支付最麻烦（文章一多半都在写它）在微信支付功能开发过程中，其实最麻烦的不是开发流程，而是他的各种配置和授权流程，为了拿到所需的参数而来回折腾。使用微信支付的前提必开通微信商户号，要使用到那种的支付方式要前需在商户平台开通（要审核）。
[超简单]vue+SpringBoot实现微信支付demo并且部署Jenkins自动部署到服务器
wangdouzi376的博客
08-15 1165
[超简单]vue+SpringBoot实现微信支付demo并且部署Jenkins自动部署到服务器 创建一个Java的SpringBoot的项目,导入微信官方sdk和 httpclient 依赖在这里SpringBoot的项目的version可以低一点,高点的会出现一个报错启动不了的问题。.........
springboot+vue+对接支付宝接口+二维码扫描支付功能（沙箱环境）
01-21
1. 什么是支付宝接口（沙箱环境）？ 记录时间：2020年10月15日3:55 现如今，手机支付已相当普遍，而作为开发人员应该对手机支付操作有所了解。而支付宝接口是支付宝提供的一个接口，用来对接软件应用程序在进行金钱交易使用。然后对于编程爱好者而言，想学习这一点就有点难，因为要想使用支付宝接口，必须前提是使用软件应用程序，软件应用程序需要向支付宝申请，提交一系列资料，这一点是实现不了的。这就对开发者增加了一定的难度，因为产品没有上线，然后需要对接支付宝接口就是很大的问题，所以出现了沙箱环境，具有虚拟的用户和管理员账户，进行实验测试是否对接成功。接下来就根据我的经验，简单的介绍一下我的使用
微信支付开发
04-23
NULL 博文链接：https://yuenkin.iteye.com/blog/2250427
微信支付22.zip
04-19
微信支付官网例子WxPayPubHelper运行及步骤，修改了原例子中的代码错误，内附详细的步骤说明。JSapi支付，native支付模式一，native支付模式二都能正常运行。
海外微信支付宝支付sdk
06-06
适用于海外的微信支付，支付宝支付的sdk， 商户系统（在线购物平台、人工收银系统、自动化智能收银系统或其他）承建的技术方，涉及产品、研发、测试的工程师，系统运维工程师。通过本文的指导，接入SnapPay开放服务网关（Open Service Gateway），实现微信/支付宝/银联二维码，网页，手机应用等方式的支付能力。
微信支付安全控件.exe
06-22
因为微信支付最终的支付过程是在手机中完成的，因此电脑端 一般不用安装安全插件；而且微信官方也从来没有推出过电脑端的安全插件建议您安装的时候仔细鉴别或者直接不安装，以免安装到病毒伪装的插件，给您造成损失
微信支付-前后端分离
m0_69715573的博客
08-24 835
微信支付----前后端分离
Spring Boot 整合支付宝实现在线支付方案（沙箱环境）
最新发布
01-13 1680
支付宝开放平台带来了突破性的便利——通过沙箱环境，个人仅需拥有支付宝账号，就能够测试并实现支付功能，大大简化了以往繁琐的步骤。
springboot+vue实现微信扫描支付
qq_45751976的博客
02-03 1830
springboot+vue实现微信扫码支付
计算机毕业设计springboot无人超市支付系统设计与实现01r169【附源码+数据库+部署+LW】
洋洋程序
08-03 592
选题背景： 随着科技的不断发展和人们生活水平的提高，无人超市作为一种新型的零售模式逐渐兴起。无人超市通过引入自动化设备和智能支付系统，实现了无人值守、自助购物的便利性，受到了越来越多消费者的欢迎。然而，在无人超市中，支付系统的安全性和效率问题成为了亟待解决的关键问题。 选题意义： 无人超市支付系统的研究具有重要的现实意义和应用价值。首先，无人超市支付系统的安全性是保障消费者权益和商家利益的基础。在无人超市中，消费者需要通过支付系统完成购物结算，因此支付系统的安全性直接关系到消费者个人信息的保护和资金的安全
PHP微信支付开发实例
10-22
主要为大家详细介绍了PHP微信支付开发过程，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
ngrok，微信支付，支付宝支付，内网穿透
09-27
在测试微信支付和支付宝支付的时候，往往需要外网进行测试，支付结果通知必须要外网可以访问才能进行接收通知结果，ngrok可以帮助进行内网穿透，实现外网访问的目的，从而达到接收外网支付结果的 通知。
iOS集成微信支付开发
01-04
本文实例为大家分享了iOS集成微信支付开发代码，供大家参考，具体内容如下 首先需要理清楚流程： 1、用户使用APP客户端，选择商品下单。 2、商户客户端（就是你做的APP）将用户的商品数据传给商户服务器，请求生成支付订单。 3、商户后台调用统一下单API向微信的服务器发送请求，微信服务器生成预付单，并生成一个prepay_id返回给商户后台。 4、商户后台将这个prepay_id返回给商户客户端。 5、用户点击确认支付，这时候商户客户端调用SDK打开微信客户端，进行微信支付。 6、微信客户端向微信服务器发起支付请求并返回支付结果（他们之间交互用的就是prepay_id这个参数，微信的服务器要验
基于SpringBoot精讲微信支付开发
06-13
课程目标 让开发者快速学习微信支付功能，本课程基于Java开发工作，通过SpringBoot实现微信支 适用人群 针对互联网项目开发者，实现微信支付功能开发 课程简介 从零讲起微信支付，基于Spring?Boot框架实现微信网页扫码支付，涵盖整个统一下单、订单查询、退款申请、退款查询、微信回调等接口开发。并从注册微信服务号讲起到Java实现微信扫码支付。 整个开发环境是基于IntelliJ IDEA开发，通过Spring Boot框架实现微信支付开发
C#，.NET 微信支付封装源码
03-22
微信二维码扫码支付，APP发起微信支付接口，等等
springboot+vue+微信小程序打造的商城系统.zip
12-26
当然可以，以下是一份关于您的Java SpringBoot项目的简介描述： 探索Java的SpringBoot魔法 亲爱的开发者们，准备好一起踏上这次深入Java的SpringBoot之旅了吗？如果您正在寻找一个现代化、高效且易于扩展的开发...
基于JAVA Spring Boot+vue的互联网支付系统，支持多种模式，已对接微信支付、支付宝、云闪付官方接口
01-04
支持多渠道对接，支付网关自动路由 已对接`微信`服务商和普通商户接口，支持`V2`和`V3`接口 已对接`支付宝`服务商和普通商户接口，支持RSA和RSA2签名 已对接`云闪付`服务商接口，可选择...前后端分离架构，方便二次开发
基于Springboot与Vue搭建的在线教育视频网站源码+项目说明.7z
12-20
基于Springboot与Vue搭建的在线教育视频网站源码+项目说明.7z 采用Springboot+Vue搭建的在线教育视频网站。采用B2C商业模块，使用微服务架构，项目采用前后端分离开发。项目分为前台系统和后台系统。 前台系统包含：...
java基于springboot+vue的智能停车管理系统源码(含小程序)
07-14
智能停车管理系统源码是使用Java语言结合Spring Boot框架与Vue框架开发的一套完整的系统。这个系统不仅包含了后台管理系统，还有一个基于小程序的移动端应用。 在后台管理系统中，我们使用了Spring Boot框架来搭建...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 10
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

码农研究僧

你的鼓励将是我创作的动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值