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

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

要回复文章请先登录注册

2***@qq.com

2***@qq.com

楼主,我的一直都是失败,无法调用微信只支付
2020-09-02 12:51
1***@163.com

1***@163.com

楼主:支付成功后不走回调,知道为什么吗
2020-09-02 10:35
gftttrrtrt4

gftttrrtrt4 (作者)

回复 6***@qq.com :
不知道, 我这边处理好orderinfo的问题之后,就很顺利了
2020-07-13 10:36
6***@qq.com

6***@qq.com

我支付成功 回调 根本就不调用 贴主 知道为什么吗
2020-07-13 09:15
gftttrrtrt4

gftttrrtrt4 (作者)

回复 2***@qq.com :
看一下我更新的代码, APP支付前端没有return url这个概念,我不知道后端有没有
2020-07-08 13:39
2***@qq.com

2***@qq.com

楼主~你好~请问return url是可以写uniapp的pages/xxx/yyy
2020-07-08 11:42
前海万联

前海万联

文档写不清不楚,我也走了半天弯路, 文档说那么多 还不如直接说orderinfo 去参考sdk文档
2020-03-29 15:55