gftttrrtrt4
gftttrrtrt4
  • 发布:2020-01-23 22:06
  • 更新:2023-09-25 16:23
  • 阅读:12441

uniapp app内微信支付和支付宝支付 前端部分

分类:uni-app

由于文档中写的不清楚,所以走了些弯路,记录下来
前端所要做的就是

  1. 请求后端接口,获取到orderinfo

  2. 调用支付API uni.requestPayment

  3. 处理回调

主要就是orderinfo格式文档写的不够清楚,这里进行说明orderinfo完全是后端返回的,前端不做任何处理,所以orderinfo有问题推给后端,前端不用浪费时间, app的支付不管ios还是android都是string类型

微信orderinfo格式   
 "{\"appid\":\"xxxxxxxx\",\"partnerid\":\"xxxxxxx\",\"prepayid\":\"xxxxxxxxxxxxxxxx\",\"timestamp\":\"1579779903\",\"noncestr\":\"xxxxxxx\",\"package\":\"Sign": "WXPay\",\"sign\":\"xxxxxxxxxxxxxxxxxxxx\"}"  

支付宝orderinfo格式  
app_id=xxxxxxxxx&method=xxxxxxxxxx&format=JSON&charset=UTF-8&sign_type=RSA2&version=1.0&return_url=xxxxxxxxxxxxxxxxxxxxxxxxxxxxx&notify_url=xxxxx&timestamp=xxxxxx&sign=xxxxxxx&biz_content=xxxxxxxxxx
uni.requestPayment({  
    provider: 'alipay',  
    orderInfo: '后端返回的orderinfo字符串',  
    success: res => {  
        // 进入此回调说明支付成功  
    },  
    fail: err => {  
        const message = err.errMsg || '';  
        if (message.indexOf('[payment支付宝:62001]') !== -1) {  
            uni.showModal({  
                content: '您已取消支付。如有需要,您可在我的订单里重新付款。30分钟内有效。',  
                showCancel: false  
            });  
        } else {  
            uni.showModal({  
                content: '支付失败,原因为: ' + message,  
                showCancel: false  
            });  
        }  
    },  
    complete: () => {  
        this.submitting = false;  
        }  
    });
4 关注 分享
NismisonKK 1***@qq.com Locdee 9***@qq.com

要回复文章请先登录注册

8***@qq.com

8***@qq.com

一直是支付失败,是什么问题呢?支付失败:{"errMsg":"requestPayment:fail [payment支付宝:62009]未知错误","errCode":-100,"code":-100}
2023-09-25 16:23
8***@qq.com

8***@qq.com

一直是支付失败,是什么问题呢?
2023-09-25 16:23
9***@qq.com

9***@qq.com

感谢分享
2023-01-06 14:21
x***@163.com

x***@163.com

请问如果iOS未安装支付宝支付如何调起支付宝
2022-05-06 16:56
梁山佬酒

梁山佬酒

想问一下 微信支付成功后返回商家怎么无法返回app
2022-04-14 16:58
zhangdaren

zhangdaren

回复 zhangdaren :
应该是这个哈:package: "Sign=WXPay", 官方文档:https://pay.weixin.qq.com/wiki/doc/api/app/app.php?chapter=9_12&index=2
2021-03-17 14:08
zhangdaren

zhangdaren

微信的这个参数:,\"package\":\"Sign": "WXPay\", 是不是有点问题?
2021-03-17 13:56
MonikaChen

MonikaChen

回复 gftttrrtrt4 :
return url是支付宝H5支付才有
2021-01-02 23:08
MonikaChen

MonikaChen

我写了后端部分,刚好跟你这篇遥相呼应:[https://ask.dcloud.net.cn/article/38496](https://ask.dcloud.net.cn/article/38496)
2021-01-01 21:42
9***@qq.com

9***@qq.com

请问一下,我的手机可以调用支付宝支付,但是好多人的手机调不了支付宝这是为什么啊
2021-01-01 06:02