本文详细记录了订单组件中支付宝和微信支付的实现过程。后端承担大部分工作，前端主要负责调用支付接口及处理支付流程。对于支付宝，接口需要orderId和html内容，通过'alipay.vue'新页面完成支付。对于微信支付，内容为支付链接，使用qrcode插件生成二维码，通过'ScanPayCode.vue'组件显示，并监听支付状态以确定是否跳转到订单详情页。
订单组件支付有关笔记
首先说明支付功能百分之七十都是由后端完成的
接口：
一.支付宝支付：
1》首先了解支付宝content是html源码，渲染到页面上后自动跳转到支付页面，支付宝有层网关，网关有层签名，重定向到收银台，进行扫码支付
2》由于接口需要orderId为参数所以需要的data为orderId和content=‘’
3》用payType判断是支付宝支付还是微信支付
orderPay.vue：
4》其次调用支付接口需要另起一个页面（alipay.vue），因为支付宝会新打开一个支付宝页面进行支付
orderPay.vue:
注意此处url传参的方式？order以及用’_blank’重新开启一个新页面
5》在alipay组件中，进行接口调用
且orderId从url中获取
alipay.v
最低0.47元/天 解锁文章
2443
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
