微信小程序——支付成功后更新订单为已支付
实现逻辑:
1.购买按钮绑定一个点击事件
首先是获取商品信息,我们使用consel窗口打印出他在数组goodlist中的位置。
之后,把这个数组内容中的信息赋值给order库中。
addorder(event){ // 显示数组中的位置 console.log(event) let index=event.currentTarget.dataset.index let orderid=Date.now() console.log(Date.now()) // 添加到数据库 wx.cloud.database().collection(buy_order).add( { // 增加的数据 data:{ orderid:orderid, title:this.data.goodslist[index].title, price:this.data.goodslist[index].price, num:this.data.goodslist[index].num, // -id是系统随机生成的不需要我们去指定。 // _id:this.data.goodslist[index]._id, status:0, //是否订单已经支付的状态。 time:util.formatTime(new Date()) }, } ).then(res=>{ console.log(res) this.setData({ order_id:res._id })
下一步,调用buy-pay函数,传递进入这个函数内容。
// 云函数入口文件 const cloud = require(wx-server-sdk) cloud.init() // 云函数入口函数 exports.main = async (event, context) => { const res = await cloud.cloudPay.unifiedOrder({ "body" : event.body,//商品描述??body是属性还是自定义好的。==是从event中传入的。 "outTradeNo" : event.outTradeNo,//订单号 "spbillCreateIp" : "127.0.0.1",//终端IP "subMchId" : "1621670684",//商户号 "totalFee" : event.totalFee,//订单金额 "envId": "pay-try-0gmo3urf4597ee3d",//云环境名称 "tradeType":"JSAPI",//交易类型 "functionName": "pay_cb" //调用云函数成功之后的回调函数 }) return res }
调用 wx.requestPayment这个API,把从函数中得到的内容赋值给API中的参数。
wx.cloud.callFunction({ name:buy-pay, // 向云函数传入参数 data:{ body:this.data.goodslist[index].title, // 这个地方要加一个单引号 outTradeNo:orderid +, // 这个地方必须是number类型 totalFee:Number(this.data.goodslist[index].price) * 100 } }).then(res=>{ console.log(res) this.pay(res.result.payment) }) }) }, pay(payment){ var that=this wx.requestPayment({ // 依次进行赋值 ...payment, success(res){ console.log(res) // 把订单状态改变,当在订单页面显示时,可以显示出已支付 // 数据库部分的内容是先进行查询,之后再更新 wx.cloud.database().collection(buy_order).doc(that.data.order_id).update({ data:{ status:1 }, // 每一个函数调用成功之后,都可以加上一项success success(res){ console.log(res) wx.showToast({ title: 支付成功, }) } }) }, fail(res){ console.log(res) wx.showToast({ title: 支付失败, }) }
最后获取我们商品信息的-id然后数据库查询和更新。
wx.cloud.database().collection(buy_order).doc(that.data.order_id).update({ data:{ status:1 },
上一篇:
uniapp开发微信小程序-2.页面制作