【微信小程序支付功能】uniapp实现微信小程序支付功能-Toy模板网

这篇具有很好参考价值的文章主要介绍了【微信小程序支付功能】uniapp实现微信小程序支付功能。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

场景：要实现公司微信小程序的电商模块微信支付功能

一.实现步骤和思路

在登录状态，登录的时候获取到code，利用code获取到openid：https://blog.csdn.net/weixin_45308405/article/details/128868377?spm=1001.2014.3001.5501

在manifest.json文件“App模块配置”项的“Payment(支付)”下，勾选“微信支付”项

到对应界面获取到订单编号利用订单编号调用后台接口返回支付的数据

调用uniapp小程序支付API实现登录

二.实现

在manifest.json文件下设置好Payment（支付）

uniapp 小程序支付,vue,微信小程序,uni-app,小程序,Powered by 金山文档

调用后台接口返回支付的数据

const res = await RequesApi.OrderApi(isCart.value == '2' ? cartOrderData : orderData)
    if (res.data.Code == '0') {
        const res_a = await RequesApi.AppPayApi({
            "DoType": "8", //1支付操作
            "OrderNO": res.data.Data[0], //订单编号
            'OpenId': uni.getStorageSync('openid')//登录时获取openid
        })
}

调用uniapp提供的微信支付的API

文档地址：uniapp微信支付文章来源地址https://www.toymoban.com/news/detail-673937.html

uni.requestPayment({
            provider: 'wxpay',
            orderInfo: '',
            // appId: appId,//小程序的appid
            timeStamp: res_a.data.Data[0].TimeStamp,//时间戳，要字符串类型的
            nonceStr: res_a.data.Data[0].NonceStr,//随机字符串，长度为32个字符以下。
            package: res_a.data.Data[0].Package,//prepay_id 参数值，提交格式如：prepay_id=xx
            signType: res_a.data.Data[0].SignType, //MD5类型
            paySign: res_a.data.Data[0].PaySign,//签名
            success: function (res) {
                //支付成功的回调    成功之后你想做什么在这里操作  比如弹窗一个提示:支付成功等
                uni.showToast({
                    title: '支付成功！',
                    icon: 'success'
                })
            },
            fail: function (err) {
                //支付失败的回调   失败之后你想做什么在这里操作  比如弹窗一个提示:支付失败等
                console.log(err);

            }
        });

到了这里，关于【微信小程序支付功能】uniapp实现微信小程序支付功能的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！