uni-app 开发微信小程序

使用Vue3 框架快速进行小程序开发

签名类型，默认为 RSA，仅支持 RSA 这个特重要一定要提前确认好

业务流程图

image.png

用户登录

获取用户 code uni.login

uni.login({
    success: async (res: any) => {
      if (res.errMsg === 'login:ok') {
        console.log('🍍wd:  uni.login', res)
    },
    fail(error) {
      uni.showToast({
        title: '支付失败,请重试',
        icon: 'none',
      })
      console.log(error)
    },
  })

请求订单接口生成订单

参与签名字段及格式

小程序appId; //商户申请的小程序对应的appid，由微信支付生成，可在小程序后台查看
时间戳; // 时间戳，标准北京时间，时区为东八区，自1970年1月1日 0点0分0秒以来的秒数。注意：部分系统取到的值为毫秒级，需要转换成秒(10位数字)
随机字符串; // 随机字符串，不长于32位。要大写
订单详情扩展字符串; // 小程序下单接口返回的prepay_id参数值，提交格式如 prepay_id=***  示例值：prepay_id=wx201410272009395522657a690389285100

wx8888888888888888
1414561699
5K8264ILTKCH16CQ2502SI8ZNMTM67VS
prepay_id=wx201410272009395522657a690389285100

吊起微信支付

uni.requestPayment

uni.requestPayment({
  provider: "wxpay", // 支付服务提供商 wxpay: 微信支付
  orderInfo: {}, //我们这次需求用不到这个，但是requestPayment源码中这个字段是必传项
  timeStamp: "", // 即当前的时间，微信小程序独有
  nonceStr: "", // 随机字符串，长度为32个字符以下，微信小程序独有
  package: "", // 统一下单接口返回的 prepay_id 参数值，提交格式如：prepay_id=xx，微信小程序独有
  signType: "MD5", // 签名算法，暂支持 MD5 ，微信小程序独有
  paySign: paySign, // 签名，具体签名方案参见小程序支付接口文档，微信小程序独有
  async success(res) {
    // 接口调用成功的回调函数
  },
  fail(e) {
    // 接口调用失败的回调函数
  },
});