uniapp之APP的支付宝支付

转载于 2021-12-11 19:21:36 发布 · 3.7k 阅读

8 ·

CC 4.0 BY-SA版权

原文链接：https://blog.csdn.net/weixin_43778556/article/details/112528908

文章标签：

#vue.js #小程序 #前端

支付宝专栏收录该内容

8 篇文章

订阅专栏

该博客介绍了在uniapp中如何配置manifest.json以启用支付宝支付功能，并展示了具体的支付宝支付代码实现，包括请求接口获取订单信息及调用uni.requestPayment进行支付操作的过程。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.在uniapp的manifest.json文件中勾选

2.支付宝支付代码

    uni.request({
        method: "POST",
        url: this.httpUrl + '5fe',
        header: {
            'content-type': "application/x-www-form-urlencoded"
        },
        data: {
            user_id:this.user_id,
            goods_id:this.goods_id,
            pay_way:this.selectIndex,
            discounts_id:this.yh_id
        },
        success: (res) => {
            // 调起支付宝
            var data = res.data;
            uni.requestPayment({
                provider: 'alipay', //服务提供商（支付宝）（服务提供商，通过uni.getProvider获取）
                orderInfo: data,
                success(res) {
                    uni.showToast({
                        title: '支付成功',
                        icon: 'none'
                    })
                    setTimeout(function(){
                        uni.redirectTo({
                            url:'/pages/pay/peisong'
                        })
                    },1000)
                },
                fail(err) {
                    this.flag_submit=true
                    uni.showToast({
                        title: '支付失败',
                        icon: 'none'
                    })
                }
            });
        }
    });