10行代码实现微信小程序支付功能，使用小程序云开发实现小程序支付功能（含源码）

最新推荐文章于 2024-04-05 19:00:53 发布

2301_76348242

最新推荐文章于 2024-04-05 19:00:53 发布

阅读量1k

点赞数 6

分类专栏： 2024年程序员学习文章标签：小程序微信小程序

本文链接：https://blog.csdn.net/2301_76348242/article/details/137210977

版权

2024年程序员学习专栏收录该内容

241 篇文章 0 订阅

订阅专栏

完整代码如下


//云开发实现支付

const cloud = require('wx-server-sdk')

cloud.init()



//1，引入支付的三方依赖

const tenpay = require('tenpay');

//2，配置支付信息

const config = {

  appid: '你的小程序appid', 

  mchid: '你的微信商户号',

  partnerKey: '微信支付安全密钥', 

  notify_url: '支付回调网址,这里可以先随意填一个网址', 

  spbill_create_ip: '127.0.0.1' //这里填这个就可以

};



exports.main = async(event, context) => {

  const wxContext = cloud.getWXContext()

  let {

    orderid,

    money

  } = event;

  //3，初始化支付

  const api = tenpay.init(config);



  let result = await api.getPayParams({

    out_trade_no: orderid,

    body: '商品简单描述',

    total_fee: money, //订单金额(分),

    openid: wxContext.OPENID //付款用户的openid

  });

  return result;

}

一定要注意把appid，mchid，partnerKey换成你自己的。

到这里我们获取小程序支付所需参数的云函数代码就编写完成了。

不要忘记上传这个云函数。

出现下图就代表上传成功

五，写一个简单的页面，用来提交订单，调用pay云函数。

========================================================================================

这个页面很简单，

1，自己随便编写一个订单号（这个订单号要大于6位）

2，自己随便填写一个订单价（单位是分）

3，点击按钮，调用pay云函数。获取支付所需参数。

下图是官方支付api所需要的一些必须参数。

下图是我们调用pay云函数获取的参数，和上图所需要的是不是一样。

[图片上传中...(WechatIMG9.jpeg-82c1c2-1565617669894-0)]

六，调用wx.requestPayment实现支付

======================================================================================

下图是官方的示例代码

这里不在做具体讲解了，把完整代码给大家贴出来


// pages/pay/pay.js

Page({

  //提交订单

  formSubmit: function(e) {

    let that = this;

    let formData = e.detail.value

    console.log('form发生了submit事件，携带数据为：', formData)

    wx.cloud.callFunction({

      name: "pay",

      data: {

        orderid: "" + formData.orderid,

        money: formData.money

      },

      success(res) {

        console.log("提交成功", res.result)

        that.pay(res.result)

      },

      fail(res) {

        console.log("提交失败", res)

      }

    })

  },



  //实现小程序支付

  pay(payData) {

    //官方标准的支付方法

    wx.requestPayment({

      timeStamp: payData.timeStamp,

      nonceStr: payData.nonceStr,

      package: payData.package, //统一下单接口返回的 prepay_id 格式如：prepay_id=***

      signType: 'MD5',

      paySign: payData.paySign, //签名

      success(res) {

        console.log("支付成功", res)

      },

      fail(res) {

        console.log("支付失败", res)

      },

      complete(res) {

        console.log("支付完成", res)

      }

    })

  }

})

到这里，云开发实现小程序支付的功能就完整实现了。

实现效果

=================================================================