微信小程序支付

[SEAHAISEA]

小程序端

Page({
  /**
   * 页面的初始数据
   */
  data: {
    login_code: '',
    openid: '',
  },
  buyConfirm: function () {
    let that = this;
    let transactions_args = {
      "buyTotalPrice": 10,//购买金额单位：分
      "buyInfo": "laf 云开发",//购买信息
      "openid": that.data.openid,//用户openid
    };
    that.myShowLoading();
    if (transactions_args.openid == '') {
      //获取openid
      that.myHttp(that.data.login_code, "GET").then(res_get_openid => {
        if (res_get_openid.data) {
          transactions_args.openid = res_get_openid.data;
          wx.setStorageSync('openid', res_get_openid.data);//存入缓存
          //获取支付参数
          that.myHttp(transactions_args, "POST").then(res_pay_args => {
            console.log(res_pay_args.data)
            // 调用支付
            that.myPay(res_pay_args.data);
          }, err_pay_args => {
            wx.hideLoading();
            console.log(err_pay_args)
          });
        } else {
          wx.hideLoading();
          console.log("获取失败")
        }
      }, err_get_openid => {
        wx.hideLoading();
        console.log(err_get_openid)
      });

    } else {
      //获取支付参数
      that.myHttp(transactions_args, "POST").then(res_pay_args => {
        console.log(res_pay_args.data)
        // 调用支付
        that.myPay(res_pay_args.data);
      }, err_pay_args => {
        wx.hideLoading();
        console.log(err_pay_args)
      });
    }
  },

  //支付
  myPay: function (payArgs) {
    console.log(payArgs)
    wx.requestPayment({
      timeStamp: payArgs.timeStamp,
      nonceStr: payArgs.nonceStr,
      package: payArgs.package,
      signType: payArgs.signType,
      paySign: payArgs.paySign,
      success: (resPay) => {
        //支付成功
        wx.hideLoading();
        console.log("支付成功")
      }, fail: (errPay) => {
        //支付失败,
        wx.hideLoading();
        console.log(errPay)
      }
    });
  },


  myShowLoading: function () {
    wx.showLoading({
      title: '加载中...',
      mask: 'true',
      success: (res) => { }
    })
  },


  myHttp: function (data, method) {
    return new Promise(function (resolve, reject) {
      wx.request({
        url: '云函数http地址',
        data: {
          'data': data
        },
        method: method,
        header: {
          'Content-Type': 'application/json'
        },
        success: (resDate) => {
          resolve(resDate);
        }, fail: (err) => {
          reject(false);
        }
      })
    })
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad(options) {
    let that = this;
    let openid = wx.getStorageSync('openid');//获取缓存openid
    console.log(openid)
    /**
     * //判断缓存中是否有openid，
     * 如果没有则获取用户登录凭证（有效期五分钟），
     * 换取用户的openid，
     * 
     */
    if (openid == '') {
      wx.login({
        success: (res) => {
          if (res.errMsg === "login:ok") {
            that.setData({ login_code: res.code })
          } else {
            //that.onLoad();
          }
        }, fail: (err) => {
         //that.onLoad();
        }
      })
    } else {
      //有缓存
      that.setData({ openid: openid })
    }
  },

test.wxml

<view class="pages">
  <view class="myFlex positionCenter">
    <button type="primary" class="letterSpacing_5" style="height: 88rpx;width: 300rpx;" bindtap="buyConfirm">确认购买</button>
  </view>
</view>

test.wxss

.pages{
  width: 100%;
  height: 100%;
}

.letterSpacing_5 {
  letter-spacing: 5rpx;
}
.myFlex {
  display: flex;
  justify-content: center;
  align-items: center;
}

.positionCenter {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

云函数

添加依赖

import cloud from '@/cloud-sdk';
//初始化信息
const appid = '小程序appid';
const tenpay = require('tenpay');
const config = {
  appid: appid,//小程序appid
  mchid: '商户号',//商户号
  partnerKey: 'partnerKey',//
  notify_url: 'http://www.weixin.qq.com/wxpay/pay.php',//随便写的
};
const api = tenpay.init(config); 

/**
 * partnerKey
 * 微信支付商户后台->账户中心->账户设置->API安全->API密钥->设置API密钥，这里配置。
 * 参考链接http://www.v5kf.com/web/help/detail.html?tid=115&cid=144
 * 
 * 设置APIv2密钥 （不一定是APIv2密，具体后面有查看指引）
 * APIv2密钥，是指调用微信支付API时，要按照指定规则对请求数据进行签名
 */

exports.main = async function (ctx: FunctionContext) {
  // body, query 为请求参数, auth 是授权对象
  const { auth, body, query } = ctx

  if (body.hasOwnProperty('data')) {
    //获取时间信息
    // date_YMDHMS = 2002年1月11日 14:46:13
    // dateNum = 2002111144613
    let date_YMDHMS = '', dateNum = '';
    let dateGMT = new Date();
    date_YMDHMS = (dateGMT.getFullYear() + '年' +
      (dateGMT.getMonth() + 1) + '月' +
      dateGMT.getDate() + '日' + ' ' +
      (dateGMT.getHours() + 8) + ':' +
      dateGMT.getMinutes() + ':' +
      dateGMT.getSeconds());
    dateNum = date_YMDHMS.replace(/[\u4e00-\u9fa5]|\s|[:]/g, "");


    // 获取随机字符串
    let str = 'abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789';
    let codeStr = '';
    while (codeStr.length < 16) {
      let ind = Math.round(Math.random() * 61);
      let char = str[ind];
      // 避免验证码中 出现重复的字符
      // 如果在codeStr中还没有这个字符时 我们再拼接
      if (codeStr.indexOf(char) === -1) {
        codeStr += char
      }
    };

    let out_trade_no = (dateNum + codeStr).toUpperCase();
    // 获取支付参数
    let resPay_args = await api.getPayParams({
      out_trade_no: out_trade_no,
      body: body.data.buyInfo,
      total_fee: body.data.buyTotalPrice,
      openid: body.data.openid
    });
    return resPay_args;


  } else {
    // 获取用户openid
    const api_url = `https://api.weixin.qq.com/sns/jscode2session`
    const param = `appid=${appid}&secret=${'小程序AppSecret'}&js_code=${query.data}&grant_type=authorization_code`
    let resOpenid = await cloud.fetch(`${api_url}?${param}`);
    if (resOpenid.data.errcode > 0) {
      return false
    } else {
      return resOpenid?.data?.openid
    }
  }

}

[maslow]

帮你修改了一下 md 格式