一、创建云开发小程序

1.初始化云开发环境

//app.js

App({

onLaunch: function () {

wx.cloud.init({

//初始化云开发环境

env: 'wxypay' //微信云的环境ID

})

}

})

2.同步云函数

二、创建支付云函数

1.新建云函数pay

2.在新建云函数pay的文件中，安装第三方依赖tenpay,安装成功会在该文件中生成package.json文件

npm i tenpay

3.编写云函数pay(index.js文件中)

// 云开发实现支付

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

cloud.init()

//1.引入支付的第三方一来

const tenpay = require('tenpay');

//2.支付配置

const config = {

//appid:'小程序的appid',

appid:'wxc49d41bf015a06da',

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,//订单金额

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

});

return result;

}

4.将云函数上传并部署

三、提交页面,实现支付

1.在pages中新建支付pay

2.在pay.js文件中实现该功能

// 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)

}

})

}

})