前端支付
2022-06-14 本文已影响0人
云高风轻
1. 前言
- 之前写了篇单独的小程序支付
- 但是问这前端支付的挺多的,所以再来一遍吧
2. 前后端的支付那些事
3.demo是vue3+ H5应用
4.其他浏览器支付
- 其他浏览器支付 其他浏览器-支付.jpg
- 前端提交申请 判断是微信还是其他浏览器
- params支付参数 接口文档有
payApi
封装的支付请求,获取后端返回的支付信息- 判断是 哪种支付
支付宝
返回的是一个网页的html
,直接打开就行- 微信支付返回的是一个链接,直接打开链接就行
- 以上2种都会自动弹出支付相关的界面
- proxy是挂载的全局组件,因为vue3没有this了嘛
- useStore.userInfo
pinia
存储的用户信息
5. 微信内置浏览器支付
- 微信内置浏览器支付 微信内置浏览器支付.png
- 接着上面的支付方式判断,进入这个微信内置浏览器支付
- 判断
WeixinJSBridge
是否识别,也就是判断当前是否是微信内置浏览器wxPayData
是发起支付请求,后端返回的支付信息- 第三方支付使用
WeixinJSBridge.invoke()
发起支付- 得到返回结果
- 注意这个支付的参数容易出问题,及时看文档