# one-qrcode-pay

**Repository Path**: 253281376/one-qrcode-pay

## Basic Information

- **Project Name**: one-qrcode-pay
- **Description**: 一码付,自定义金额生成二维码，同时支持支付宝微信扫一扫付款 ,扫描和支付成功后页面自动更新支付状态
- **Primary Language**: Java
- **License**: Apache-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 6
- **Forks**: 5
- **Created**: 2020-03-09
- **Last Updated**: 2025-11-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 一码付

#### 介绍
自定义金额生成二维码，同时支持支付宝微信扫一扫付款

扫描和支付成功后页面自动更新支付状态

#### 原理
利用支付宝扫描到的是网址就会自动跳转到扫描到的地址,例如二维码是 https://www.baidu.com ,打开支付宝扫一扫就会自动打开百度首页

#### 具体原理
使用QrCodeJs生成本项目支付接口的url,后台通过user-agent识别用户使用的是什么软件扫描的,然后调用对应软件的支付接口

通过WebSocket和前端通讯,实现扫描和收到支付回调模糊化二维码,更新支付状态

#### 使用说明

1.  下载本项目
2.  修改MerchantPayServiceConfigurer.java配置支付相关参数
3.  运行Application.java
4.  必须有外网IP或者域名,没有的自行百度内网穿透
5.  浏览器打开本机的外网IP或者域名
6.  使用内网穿透会导致WebSocket不可用(因为代理的是http,WebSocket是TCP),无法向前端通讯,解决办法:修改index.html的WebSocket地址,改为127.0.0.1:8080

#### 使用效果

> 生成二维码

![输入图片说明](https://gitee.com/253281376/images_bed/raw/master/20200310/20200310233456.png "屏幕截图.png")

> 扫描后

![输入图片说明](https://gitee.com/253281376/images_bed/raw/master/20200310/20200310233550.png "屏幕截图.png")

> 支付完成

![输入图片说明](https://gitee.com/253281376/images_bed/raw/master/20200310/20200310233609.png "屏幕截图.png")

#### 亿点点补充

1.  后端借鉴 https://gitee.com/egzosn/pay-spring-boot-starter-parent 前端借鉴 https://gitee.com/jmdhappy/xxpay-master 
2.  扩展其他方式支付可参考以上两个