微信支付JSAPI

article/2025/9/12 22:33:11

一、什么是JSAPI支付

JSAPI支付是指商户通过调用微信支付提供的JSAPI接口,在支付场景中调起微信支付模块完成收款。

应用场景有:

线下场所:调用接口生成二维码,用户扫描二维码后在微信浏览器中打开页面后完成支付

公众号场景:用户在微信公众账号内进入商家公众号,打开某个主页面,完成支付

PC网站场景:在网站中展示二维码,用户扫描二维码后在微信浏览器中打开页面后完成支付

我们这里采用的是PC网站场景。

二、准备工作

1、申请入口:登录商户平台-->产品中心-->我的产品-->支付产品-->jsapi支付

2、浏览开发文档:https://pay.weixin.qq.com/wiki/doc/api/jsapi.php?chapter=7_3,这里面几乎介绍了全部流程。

3、在微信公众平台和微信商户平台拿到或配置一下参数:

         appid:公众平台的appid 

         商户号:公众平台的商户号

        appsecrut:商户平台里的签名密钥(这个要保存好,现在不支持查看,忘了就得重新配置了)

        商户支付密钥Key:api_key 审核通过后,在微信发送的邮件中查看
a、微信商户平台(pay.weixin.qq.com)设置您的JSAPI支付支付目录,设置路径:商户平台-->产品中心-->开发配置

b、在公众平台设置网页授权域名(开发JSAPI支付时,在统一下单接口中要求必传用户openid,而获取openid则需要您在公众平台设置获取openid的域名,只有被设置过的域名才是一个有效的获取openid的域名,否则将获取失败)

三、下单流程:

jsapia支付和H5支付的流程:

H5支付 调用https://api.mch.weixin.qq.com/pay/unifiedorder 接口

当返回值return_code 和result_code都为SUCCESS的时候,使用其中的参数mweb_url :为拉起微信支付收银台的中间页面,可通过访问该url来拉起微信客户端,完成支付,mweb_url的有效期为5分钟。

jsapi支付:调用https://api.mch.weixin.qq.com/pay/unifiedorder 接口  

(商户系统先调用该接口在微信支付服务后台生成预支付交易单,返回正确的预支付交易会话标识后再按Native、JSAPI、APP等不同场景生成交易串调起支付)

回到这里:https://pay.weixin.qq.com/wiki/doc/api/jsapi.php?chapter=7_7&index=6  在微信浏览器里面打开H5网页中执行JS调起支付

在jsapi预支付的过程中和H5支付的区别为:

1,trade_type不同->MWEB-H5支付,JSAPI -JSAPI支付

2,jsapi支付的时候需要传递openid,用户在商户appid下的唯一标识。openid如何获取参考:https://mp.weixin.qq.com/wiki?t=resource/res_main&id=mp1421140842

首先需要获取到code值:

(补充以下链接参数访问之后,地址发生改变,其中就有code值,,,其中code值无法直接将地址从地址栏中粘贴出来,alert("页面首部展示路径  :  "+$location.absUrl())会看出来有值)

参考链接(请在微信客户端中打开此链接体验):
scope为snsapi_base
https://open.weixin.qq.com/connect/oauth2/authorize?appid=wx520c15f417810387&redirect_uri=https%3A%2F%2Fchong.qq.com%2Fphp%2Findex.php%3Fd%3D%26c%3DwxAdapter%26m%3DmobileDeal%26showwxpaytitle%3D1%26vb2ctag%3D4_2030_5_1194_60&response_type=code&scope=snsapi_base&state=123#wechat_redirect

获取到code之后即可根据code值获取到openid 

public String getOpenId(String code, String appId){String openId ="";String secret =Config.getValue("weixin.appsecret");log.error("appid:______________"+appId);log.error("SECRET:______________"+secret);String url = "https://api.weixin.qq.com/sns/oauth2/access_token?" + "appid=" + appId+ "&secret=" + secret + "&code="+ code + "&grant_type=authorization_code";//http连接HttpClient client = new HttpClient(); GetMethod method = new GetMethod(url); client.getParams().setContentCharset("UTF-8");method.setRequestHeader("ContentType","application/x-www-form-ACCESS_TOKEN_OPENIDencoded;charset=UTF-8");try {client.executeMethod(method);String SubmitResult =method.getResponseBodyAsString();log.debug("------openId请求----------------"+SubmitResult);Map map=new HashMap();map = (Map)(new ObjectMapper()).readValue(SubmitResult, Map.class);openId = (String) map.get("openid");	//获取openIDString errcode = String.valueOf((Integer) map.get("errcode"));	//获取错误码log.error("【获取openId的具体内容】  : "+SubmitResult);log.debug("【openId请求---errcode】 :  "+errcode);log.debug("【openId请求---openId】 : "+openId);} catch (HttpException e) {e.printStackTrace();} catch (IOException e) {e.printStackTrace();} return openId;}

 

        

 

 


http://chatgpt.dhexx.cn/article/flhW8psd.shtml

相关文章

微信支付之JSAPI支付开发流程

JSAPI支付 前言准备开发1.流程说明2.下单(预支付)3.前端调起支付4.支付结果异步通知5.退款申请6.退款结果异步通知 结语 前言 最近项目涉及到微信支付的功能,在这里简单分享下整体的开发流程,这里要介绍的是JSAPI支付。 JSAPI网页支付&#…

FME是一个好东东

FME产品分为三个层次: 一、入门级 1、特点:支持常见的GIS软件的数据交换,如 MapInfo TAB, DGN, DXF, DWG, SDTS, SHP, and TIGER;可以运行大部分函数(Funtion和Factory);不支持由Plug-in开发的第…

黑马程序员Maven学习笔记

前言 这里是黑马程序员Maven学习笔记分享,这是视频链接。 我还有其它前端内容的笔记,有需要可以查看。 文章目录 前言基础Maven简介Maven是什么Maven的作用 Maven的下载Maven的基础概念仓库坐标本地仓库配置远程仓库的配置 第一个Maven项目Maven的项目…

MAEKDOWN

这里写自定义目录标题 欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants 创建一个自定义列表如何创建一个…

谷粒商城前端笔记

前端笔记 JavaScript ES6 ECMAScript6.0(以下简称ES6,ECMAScript是一种由Ecma国际通过ECMA-262标准化的脚本),是JavaScript语言的下一代标准,2015年6月正式发布,从ES6开始的版本号采用年号,如…

谷粒商城-分布式基础【业务编写】

谷粒商城-分布式基础篇【环境准备】谷粒商城-分布式基础【业务编写】谷粒商城-分布式高级篇【业务编写】持续更新谷粒商城-分布式高级篇-ElasticSearch谷粒商城-分布式高级篇-分布式锁与缓存项目托管于gitee 一、三级分类 此处三级分类最起码得启动renren-fast、nacos、gate…

1. 谷粒商城架构

架构图 解析 客户通过任意客户端(app/Web)向服务器发送请求, 请求首先来到Nginx集群,Nginx将请求转交给Api网关(SpringCloud Gateway), Api网关: 可以根据当前请求,动态路由到指…

谷粒商城详细笔记

前言 mysql安装在腾讯云 redis安装在本地虚拟机master上 运行时,renren-fast这个项目要到单独开个idea窗口打开。 一、项目简介 1、项目微服务架构图 微服务:拒绝大型单体应用,基于业务边界进行服务微化拆分,各个服务独立部…

谷粒商城之分布式基础(二)

6 商品服务 6.1 三级分类 商城的商品页面展示是一个三级分类的。有一级分类、二级分类、三级分类。这就是我们接下来要进行的操作。 6.1.1 数据库 首先我们在gulimall_pms这个数据库中的pms_category这个表下插入数据 商品三级分类SQL代码 6.1.2 查出所有分类及其子分类 1…

麦克

品牌:InvenSense Kingstate RS PRO 灵敏度:-27到-44db之间 方向性:全方位、单向性、噪声消除 标准操作电压:1.5V到3.3V均有 安装方式:导线、表面贴装、通孔 输出阻抗大小:1.8K、2.2K、200欧、350欧…

Kubeedge Beehive 模块源码分析

文章目录 概述结构Model --- 消息模型Header --- 消息头Router --- 消息路由资源操作资源类型 Context --- 上下文ModuleContext --- 模块上下文MessageContext --- 消息上下文GlobalContext --- 全局上下文方法 Channel Context数据结构方法ModuleContext 接口实现AddModuleAd…

谷粒商城简介(1~5集)

谷粒商城简介(1~5集) 一、项目简介 1、项目背景 1)、电商模式 市面上有 5 种常见的电商模式 B2B、B2C、C2B、C2C、O2O; 1、B2B 模式 B2B (Business to Business), 是指商家与商家建立的商业关系。 如:阿…

谷粒商城:分布式基础概念(2)

微服务 微服务架构风格,就像是把一个单独的应用程序开发为一套小服务,每个小服务运行在自 己的进程中,并使用轻量级机制通信,通常是 HTTP API。这些服务围绕业务能力来构建, 并通过完全自动化部署机制来独立部署。这些…

beetl,freemarker,thymeleaf对比及springboot集成

调研类型: Freemarker,Thymeleaf,Beetl,Velocity 调研方向: 性能,活跃度,各自优缺点,应用实例 2.1、性能报告: Jdk:1.8 Cpu: 8核12线程 Jvm : -Xms512m -Xmx512m B…

部分壳与脱壳

壳与脱壳 对网上部分壳与脱壳的摘录与总结,仅供参考,侵删 参考链接1 https://www.52pojie.cn/thread-138380-1-1.html 参考链接2 https://www.cnblogs.com/milantgh/p/3869083.html 参考链接3 http://blog.sina.com.cn/s/blog_3e28c8a5010132m6.html 壳…

谷粒商城项目学-分布式基础

项目框架图 分布式基础概念 • 微服务、注册中心、配置中心、远程调用、Feign、网关 • 2、基础开发 • SpringBoot2.0、SpringCloud、Mybatis-Plus、Vue组件化、阿里云对象存储 • 3、环境 • Vagrant、Linux、Docker、MySQL、Redis、逆向工程&人人开源 • 4、开发规范 •…

【笔记/后端】谷粒商城基础篇

目录 一、环境配置1 Docker1.1 Docker是什么?1.2 安装&启动1.2.1 阿里云镜像加速 1.3 安装MySQL1.4 安装Redis 2 开发环境2.1 Maven2.2 Git2.3 Node 二、创建微服务项目1 内容2 问题记录3 renren-generator 三、分布式组件1 Nacos1.1 注册中心1.2 配置中心1.2.1…

谷粒商城(二)

谷粒商城(二) 后台商品服务 - 三级分类1、查询1)、接口编写2)、树形展示三级分类数据3)、配置网关路由1 更改前端 base 路径2 将服务注册进nacos3 网关模块配置路由4 测试 4)、解决跨域 2、删除1&#xff0…

谷粒商城(五)

谷粒商城(五) 订单服务1、环境搭建1)、页面2)、代码 2、订单登录拦截3、订单确认页1)、VO模型2)、订单确认页数据查询1 接口编写2 调用远程服务 3)、Feign远程调用丢失请求头启动服务报错解决 4…

谷粒商城(一)

谷粒商城(一) 1、环境搭建安装 dockerdocker 安装 mysqldocker 安装 redis安装配置 git准备工具 IDEA、VsCode从 gitee 初始化项目 2、创建微服务项目1)、创建项目2)、初始化数据库 3、使用人人开源搭建后台管理系统1)…