微信 JSAPI 支付流程

微信支付分为5种:
Jsapi支付,二维码支付,H5支付,小程序支付,App支付

Jsapi支付流程:

(1) 通过oauth协议获取open_id

a.第一步:用户同意授权,获取code
在确保微信公众账号拥有授权作用域(scope参数)的权限的前提下(服务号获得高级接口后,默认拥有scope参数中的snsapi_base和snsapi_userinfo),引导关注者打开如下页面:
https://open.weixin.qq.com/connect/oauth2/authorize?appid=APPID&redirect_uri=REDIRECT_URI&response_type=code&scope=SCOPE&state=STATE#wechat_redirect
b.第二步:通过code换取网页授权access_token
首先请注意,这里通过code换取的是一个特殊的网页授权access_token,与基础支持中的access_token(该access_token用于调用其他接口)不同。获取code后,请求以下链接获取access_token:
https://api.weixin.qq.com/sns/oauth2/access_token?appid=APPID&secret=SECRET&code=CODE&grant_type=authorization_code

(2) 调用统一接口

(URL地址:https://api.mch.weixin.qq.com/pay/unifiedorder)必填参数:

trade_type:jsapi,
open_id:用授权获取的open_id
Appid:企业号corpid即为此appId
Mch_id:微信支付分配的商户号
Notify_url:异步回调的url
nonce_str:随机字符串
Sign:签名
Body:商品描述
out_trade_no:商户订单号自己生成的(当前时间加时间戳)
total_fee:金额(分)

(3) 这些参数使用xml格式发送给微信的统一下单接口,并返回两个参数return_code为success时,微信端再次返回result_code为success时返回两个参数prepay_id,trade_type。
简单来说:微信给我们返回两个success时就会给我们返回prepay_id和trade_type。
(4) 返回的参数我们进行处理,处理成我们所需要的参数有:

    appId:商户注册具有支付权限的公众号成功后即可获得
    timeStamp:时间戳
    nonceStr:随机字符串
    Package:统一下单接口返回的prepay_id参数值,提交格式如:prepay_id=*** 
    signType:签名类型(HMAC-SHA256)这里的签名方式和统一下单方式一致
    Paysign:签名

生成paysign流程:公众账号+设备号+商户号+随机数+key,按照ASCII编码进行排序,键值对形式(key1=value1&key2=value2&key3=value3…),将得到的结果用MD5加密且转换为大写

(5) 微信支付界面调起配置分为两种:
a.一种是使用微信的内置对象WeixinJSBridge,把我们提前处理微信的返回参数放入getBrandWCPayRequest中
在这里插入图片描述
b.另一种是调用jssdk包,但是前提需要配置jssdk包wx.config,再配置微信支付,把我们提前处理微信的返回参数放入wx.chooseWXPay,唤起微信支付页面。
发起一个微信支付请求

wx.chooseWXPay({
		timestamp: 0, // 支付签名时间戳,注意微信jssdk中的所有使用timestamp字段均为小写。但最新版的支付后台生成签名使用的timeStamp字段名需大写其中的S字符
		nonceStr: '', // 支付签名随机串,不长于 32 位
		package: '', // 统一支付接口返回的prepay_id参数值,提交格式如:prepay_id=\*\*\*)
		signType: '', // 签名方式,默认为'SHA1',使用新版支付需传入'MD5'
		paySign: '', // 支付签名
		success: function (res) {
			// 支付成功后的回调函数
		}
	});

备注:prepay_id 通过微信支付统一下单接口拿到,paySign 采用统一的微信支付 Sign 签名生成方法,注意这里 appId 也要参与签名,appId 与 config 中传入的 appId 一致,即最后参与签名的参数有appId, timeStamp, nonceStr, package, signType。

(6) 用户支付成功微信端会向我们填写的异步回调地址发起请求,给我们提示支付状态。我们需要返回一个success,

<xml> 
 	 <return_code><![CDATA[SUCCESS]]></return_code>
  		<return_msg><![CDATA[OK]]></return_msg>
	</xml>

让微信端知道我们知道的微信支付成功了。如果我们没给微信端返回success或超时,微信会判定本次通知失败,重新发送通知,直到成功为止(在通知一直不成功的情况下,微信总共会发起10次通知,通知频率为15s/15s/30s/3m/10m/20m/30m/30m/30m/60m/3h/3h/3h/6h/6h - 总计 24h4m),但微信不保证通知最终一定能成功。
(7) 当然我不能相信微信给我们的支付状态,因为这个回调url,别人可以模拟出一个url,微信端就会向模拟出来的回调地址发送请求,会发生用户付过钱了但是没有订单的情况,这是很不安全的。所以我们不能相信微信给我们返回的,我们需要异步向微信查询订单接口,查询订单的支付状态
(8) 如果我们使用jssdk包,那么我们还需要通过配置wx.config。而wx.config的参数signature是通过。参考:
https://mp.weixin.qq.com/wiki?t=resource/res_main&id=mp1421141115
a. 第一步获取access_token
https请求方式: GET
https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid=APPID&secret=APPSECRET
b. 第二步获取jsapi_ticket
用第一步拿到的access_token 采用http GET方式请求获得jsapi_ticket(有效期7200秒,开发者必须在自己的服务全局缓存jsapi_ticket):
https://api.weixin.qq.com/cgi-bin/ticket/getticket?access_token=ACCESS_TOKEN&type=jsapi
c. 第三步生成signature

签名算法

签名生成规则如下:参与签名的字段包括noncestr(随机字符串), 有效的jsapi_ticket, timestamp(时间戳), url(当前网页的URL,不包含#及其后面部分) 。对所有待签名参数按照字段名的ASCII 码从小到大排序(字典序)后,使用URL键值对的格式(即key1=value1&key2=value2…)拼接成字符串string1。这里需要注意的是所有参数名均为小写字符。对string1作sha1加密,字段名和字段值都采用原始值,不进行URL 转义。即signature=sha1(string1)。

wx.config({
    debug: true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印。
    appId: '', // 必填,公众号的唯一标识
    timestamp: , // 必填,生成签名的时间戳
    nonceStr: '', // 必填,生成签名的随机串
    signature: '',// 必填,签名
    jsApiList: [] // 必填,需要使用的JS接口列表
});
  • 5
    点赞
  • 24
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
### 回答1: 微信JSAPI支付是一种使用微信内置浏览器或微信客户端内的网页进行支付的方式。流程如下: 1. 用户在商户的网站或应用内点击支付按钮,触发支付请求。 2. 商户服务器收到支付请求后,向微信支付服务器发起下单请求,并将支付信息传递给微信支付服务器。 3. 微信支付服务器收到下单请求后,会根据商户提交的信息生成支付二维码或支付链接。 4. 商户服务器收到微信支付服务器的响应后,将支付二维码或支付链接发送给用户浏览器。 5. 用户浏览器打开支付二维码或支付链接,跳转到微信内置浏览器或微信客户端进行支付。 6. 用户在微信内置浏览器或微信客户端内输入支付密码或通过其他认证方式进行支付。 7. 微信支付服务器收到用户的支付信息后,会向商户服务器发送支付通知。 8. 商户服务器收到支付通知后,会对订单进行处理,并向用户 ### 回答2: 微信JSAPI支付是指通过微信公众号或小程序内的网页调用微信支付接口实现支付功能的流程。 1. 用户点击支付按钮后,公众号或小程序调用微信支付接口向微信服务器发起支付请求。 2. 微信服务器返回预支付交易会话标识prepay\_id给公众号或小程序。 3. 公众号或小程序将prepay\_id和其他支付参数通过JSAPI方式传递给前端页面。 4. 前端页面通过微信JSAPI提供的支付接口,调用微信客户端进行支付。 5. 用户在微信客户端确认支付后,微信服务器会将支付结果通知给公众号或小程序服务器。 6. 公众号或小程序服务器接收到支付结果通知后,进行订单处理,更新订单状态。 7. 公众号或小程序服务器向微信服务器返回处理结果,微信服务器会将处理结果通知给微信客户端。 8. 微信客户端收到支付结果通知后,提示支付成功或失败,并跳转至指定页面。 整个过程中,涉及到的主要步骤有:发起支付请求、获取预支付交易会话标识、传递参数给前端、调用微信客户端支付、接收支付结果通知、处理订单、返回处理结果给微信服务器、微信客户端显示支付结果。 微信JSAPI支付能够为公众号或小程序提供方便、安全的支付体验,使用户能够快速完成支付操作,同时也提供了支付结果的即时通知和订单处理的接口,方便商户进行后续操作。 ### 回答3: 微信JSAPI支付流程是指通过微信公众号或小程序内页面上的网页进行支付流程。具体流程如下: 1. 用户在微信公众号或小程序内选择商品并确认下单。 2. 商户服务器将订单信息提交给微信服务器,包括商品描述、订单号、金额等信息,并生成预支付交易会话标识prepay_id。 3. 商户服务器将prepay_id返回给前端页面。 4. 前端页面调用微信JSAPI的支付接口,传入prepay_id以及其他支付相关参数(如时间戳、随机字符串等)。 5. 微信服务器校验参数,并生成支付签名。 6. 微信服务器将支付签名返回给前端页面。 7. 前端页面调用微信JSAPI的支付接口,传入支付签名以及其他支付相关参数。 8. 用户在微信客户端确认支付并输入支付密码。 9. 微信服务器接收支付结果,并返回给商户服务器。 10. 商户服务器校验支付结果,更新订单状态,并返回相应的支付结果给用户。 需要注意的是,为了确保支付的安全性,商户服务器需要对支付结果进行校验,并对订单状态进行更新,以防止重复支付支付金额被修改等情况的发生。 以上就是微信JSAPI支付的主要流程微信JSAPI支付相对于其他支付方式来说,使用便捷,支持在微信内进行快速支付,适用于微信公众号和小程序等场景。

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值