可以在界面写好 <audio id="payCompleteSound" src="支付成功声音路径.mp3">标签,当接收到支付成功消息回调时，js 执行代码 播放这个声音。document.getElementById("payCompleteSound").play()
点击支付按钮，直接弹出支付成功弹窗吗？那么可以写成ajax请求，后台接收到参数之后，进行数据库的插入，然后返回给前台。
前台收到返回值之后，进行弹窗即可，弹窗可以简单设置成div显示即可。
热门频道首页
博客
研修院
VIP
APP
问答
下载
社区
推荐频道
活动
招聘
专题
打开CSDN APP
Copyright © 1999-2020, CSDN.NET, All Rights Reserved
打开APP
南独酌酒nvn
关注
【Java 实现微信支付、Native 支付流程】，从编写代码到支付成功，一步到位！ 原创
2020-10-17 14:30:03
8点赞
南独酌酒nvn
码龄4年
关注
文章目录
1. 项目环境介绍
2. 微信支付文档
2.1 业务流程说明
3. 准备信息
3.1 微信公众账号如何获取？
3.2 商户号如何获取？
3.3 API密钥如何获取？
3.4 准备工具类
4. 进入开发阶段
4.1 后端编写`生成微信支付二维码`的接口
4.2 前端实现
4.3 后端编写 `查询订单支付状态` 接口
4.4 前端调用 `查询订单支付状态` 接口
总结
1. 项目环境介绍
jdk 1.8
mysql 5.7
maven 3.6
在这里插入图片描述
项目前后端分离：后端 SpringBoot 项目、前端 Vue 项目
2. 微信支付文档
官方文档：https://pay.weixin.qq.com/wiki/doc/api/index.html
在这里插入图片描述
Native 场景介绍：用户扫描商户展示在各种场景的二维码进行支付。
这里我们支付流程选择方式二：
官方流程图：
在这里插入图片描述
2.1 业务流程说明
用我自己完成一次的过程来说。
在前端页面，用户肯定要点击某个按钮或者东西来触发事件，调用我们自己编写的接口，然后返回给前端一个二维码。
我们通过调用微信支付 【统一下单API】接口得到一个 code_url。
然后在前端通过某项技术跟据返回的 code_url 生成二维码。
用户打开微信 “扫一扫”，然后扫描这个二维码。
进入支付页面，支付指定金额后完成支付交易。
然后我们在调用微信支付【查询订单 API】查询用户支付状态
通过此支付状态可以判断用户支付成功还是支付失败。
支付成功就执行我们自己的业务逻辑，一般像修改定单状态改成已支付。
在这里插入图片描述
3. 准备信息
pom 文件引入微信支付 SDK 依赖
由于我们后面要调用微信支付的 AP
