Taro框架-微信小程序-调用微信支付

永不满足的求知者

已于 2022-07-29 19:43:34 修改

阅读量1.7k

点赞数

分类专栏：前端小程序文章标签：微信小程序微信小程序

于 2022-07-29 19:40:22 首次发布

本文链接：https://blog.csdn.net/qq_41154522/article/details/126062574

版权

前端同时被 2 个专栏收录

82 篇文章 2 订阅

订阅专栏

小程序

5 篇文章 0 订阅

订阅专栏

本文详细介绍了微信小程序中实现支付的步骤，包括使用Taro.login获取用户code，后端通过code换取openId，计算预付单信息并进行签名，最后在前端调用requestPayment发起支付。同时，提到了后端在支付过程中扮演的角色，如提供必要的支付验签内容。

摘要由CSDN通过智能技术生成

Taro 支付文档

wx.login获取用户临时登录凭证code，发送到后端服务器换取openId

可将商品id传给后端，后端查询出商品价格
经过一定的签名算法，向微信支付发送请求，获取预付单信息(prepay_id)
将获取的数据再次进行相应规则的签名，向小程序端响应必要的信息

Taro.login({
    success: async res => {
      if (res.code) {
        let params = {
          code: res.code // 微信小程序登录code
          // 此处可将商品id传给后端，后端查询出商品价格
        };
        // 调用后端接口，将code传给后端
        const result = await XXX(params);
          this.toPayment(result);
        }
      } else {
        console.log("登录失败！" + res.errMsg);
      }
    }
  });

后端参考如下两个链接，给前端返回所需值
小程序调起微信支付API
JSAPI下单

后端接口返回支付验签等内容

	toPayment(res) {
      Taro.requestPayment({
        timeStamp: res.timeStamp,
        nonceStr: res.nonceStr,
        package: res.package,
        signType: res.signType,
        paySign: res.paySign,
        success: res => {
          // 支付成功后可执行页面所需要的刷新操作
        },
        fail: function(res) {
          Taro.showToast({
            title: "支付失败",
            icon: "error",
            duration: 2000
          });
        }
      });
    },