微信小程序前端支付流程

支付流程

最近在写两个小程序的项目，一个是外卖配送类项目，再有一个就是商城类项目，无一例外，免不了，两个项目都需要用到微信支付功能，那么这个时候，如何取实现支付的流程呢？

其实总的来说，关于支付的话，我们主要还是要配合后端来写，前端并不需要去刻意的做一些什么东西，只需要将对应的值传递给后端即可。

上干货

  async clickshow() {const res = await getApp().post('/v1/pay/get_pay_fee', {openId: wx.getStorageSync('openid'),userId: wx.getStorageSync('userid'),mobile: this.data.mobile,payFee: this.data.payFee})if (res.code !== 200) {wx.showToast({title: res.msg,icon: 'none'})return} else {wx.requestPayment({timeStamp: res.data.timeStamp,nonceStr: res.data.nonceStr,package: res.data.package,signType: res.data.signType,paySign: res.data.paySign,success(res) {wx.showToast({title: "成功",icon: 'none'})setTimeout(() => {wx.switchTab({url: '/pages/myall/myindex/myindex',})}, 1000);},fail(res) {wx.showToast({title: "失败",icon: 'none'})}})}console.log(res)},

这个时候我们可以大体的看一下返回数据

其实你完全可以不用知道这些对应的数据都是什么意思，只需要在微信支付吊起时，将对应后端处理好的接口返还给你的数据用
wx.requestPayment 发起支付请求即可，将对应的数据填进去，即可成功实现支付的功能

      wx.requestPayment({timeStamp: res.data.timeStamp,nonceStr: res.data.nonceStr,package: res.data.package,signType: res.data.signType,paySign: res.data.paySign,success(res) {wx.showToast({title: "成功",icon: 'none'})setTimeout(() => {wx.switchTab({url: '/pages/myall/myindex/myindex',})}, 1000);},fail(res) {wx.showToast({title: "失败",icon: 'none'})}})

这个时候就可以调用支付了

微信小程序前端支付流程相关推荐

微信小程序(6)说说微信小程序的支付流程？
一.前言微信小程序为电商类小程序,提供了非常完善.优秀.安全的支付功能在小程序内可调用微信的API完成支付功能,方便.快捷场景如下图所示: 用户通过分享或扫描二维码进入商户小程序,用户选择购买, ...
面试官：说说微信小程序的支付流程？
一.前言微信小程序为电商类小程序,提供了非常完善.优秀.安全的支付功能在小程序内可调用微信的API完成支付功能,方便.快捷场景如下图所示: 用户通过分享或扫描二维码进入商户小程序,用户选择购买, ...
微信小程序开发支付流程
微信支付是时下最流行的交易支付方法之一,潜移默化推动着无现今社会的变革.小程序作为微信上的轻应用,同业也开放微信支付的接口,可以通过转账,扫二维码支付.要完成一次具体的订单支付需要完整的支付流程,具体 ...
微信小程序之支付流程
本文以微信支付官方文档为例,梳理了一下,支付的流程 [图片详细展示] 文字展示 1.小程序内调用登录接口,获取到用户的openid,api参见公共api[小程序登录API] 2.商户server调用支 ...
微信小程序前端支付代码
<view bindtap ="requestPayment"></view> // pages/paysrue/paysrue.js Page({ /** ...
微信小程序 iOS支付
微信小程序运营支付规范微信官方针对有虚拟支付功能的小程序下发了整改通知.截至5月8号,平台将对账号屏蔽iOS系统的支付接口调用.我去查了<<微信小程序运营规则>>,如上图.发 ...
微信小程序调用支付接口支付（tp5、小程序）
微信小程序调用支付接口支付今天记录一下学习的小程序调用微信支付接口一.先理清一下调起微信支付的整个流程. 1.就是先调用微信的支付统一下单api获取到prepay_id 2.然后后端再将这个pre ...
ios微信小程序虚拟支付解决办法
ios微信小程序虚拟支付整理介绍目前iOS端暂不支持虚拟支付,微信小程序虚拟支付仅涉及到ios端,安卓端不受影响. 小程序支付规范 https://developers.weixin.qq.com/ ...
(已更新）运势运程小程序v1.2.0 功能模块+微信小程序+前端+后端+新增每日星座卡片
运势运程算命小程序 v1.2.0 完整版+微信小程序+前端+后端运势运程算命小程序开源源码最新更新日志: 新增测算栏目支付成功模版消息提醒,增加留存率.新增每日星座卡片.单向历,请求缓存解决请求慢问 ...

微信小程序前端支付流程

支付流程

微信小程序前端支付流程相关推荐

最新文章

热门文章

微信小程序 前端 支付流程

支付流程

微信小程序 前端 支付流程相关推荐

最新文章

热门文章

微信小程序前端支付流程

微信小程序前端支付流程相关推荐