立即购买
点击立即购买会先调用立即购买的接口,传商品id和数量以及规格id过去获取到data数据,

然后跳转到填写订单页面,进入填写订单页面会立即调用填写订单的接口,传catid过去,catid就是刚刚获取到的data数据,调用之后会获取到订单的信息,把信息渲染到订单页面就可以了,

第三步,点击去付款会触发两个接口,首先先触发提交订单的接口,传catid以及优惠券之类的数据,得到订单id,然后拿着订单id去调用支付的接口,会获取到做真正支付需要的数据,最后去调用小程序支付的api实现真正的支付,微信小程序实现真正支付主要是需要一下几个参数,需要记住这几个参数
timeStamp----时间戳
nonceStr ----随机字符串
package-----统一下单接口返回的 prepay_id 参数值
signType-----默认值为MD5,签名算法
paySign-----签名

具体实现代码如下:

payOrder() {let that = this;util.request(api.OrderPrepay, {orderId: that.data.orderId}, 'POST').then(function(res) {if (res.errno === 0) {const payParam = res.data;console.log("支付过程开始")wx.requestPayment({'timeStamp': payParam.timeStamp,'nonceStr': payParam.nonceStr,'package': payParam.packageValue,'signType': payParam.signType,'paySign': payParam.paySign,'success': function(res) {console.log("支付过程成功")that.setData({status: true});},'fail': function(res) {console.log("支付过程失败")util.showErrorToast('支付失败');},'complete': function(res) {console.log("支付过程结束")}});}});}如果是购物车下单,那么就少了立即购买的步骤,其他步骤和流程都是一样的,然后catid的值是0

小程序下单购买支付流程相关推荐

  1. 字节跳动小程序tt.pay支付流程和遇到的问题

    搞了好几天的服务暂不可用,或者sign错误,缺少app_id什么的,终于可以了.  我主要说下流程和我遇到的问题 我是用的tt.pay(). 首先流程:一.后端发送post请求到http://tp-p ...

  2. 微信小程序接入微信支付流程

    一.基本介绍 1.支付场景:点击支付按钮唤起微信支付弹窗,输入正确密码后完成支付. 2.基本流程:点击支付按钮首先生成一个订单,然后在后端调用微信api接口进行统一下单,将接口返回的数据回传到前端拉起 ...

  3. 小程序对接停车场支付流程思考

    前言 最近一直在做公司的小程序对接停车场的需求.结果遇到了并发问题,出现一笔订单,用户支付两次的情况.现在对整个支付流程进行梳理.下面讨论的A用户和B用户都是对于同一订单处理的场景,对于不同订单,则没 ...

  4. 微信小程序登录、支付流程简介

    登录流程 登录流程 1. 获取用户的头像和昵称信息(可选) 2. 通过wx.login() 获取code 3. 把code+用户信息(可选)发送给后端 4. 后端通过code+appid+AppSec ...

  5. 使用uniapp开发微信小程序的微信支付流程

    在我们做一些购物车的结算功能时是一定会有支付功能的,那我们如何去做微信支付这个功能呢,首先我们先要理清思路,并且要了解到接口需要哪些数据以及会返回哪些数据 注意:一定要先看接口文档! 创建订单. ○ ...

  6. 小程序下单账号与支付账号不一致不让支付_微信小程序支付流程

    微信支付之小程序支付 微信的支付方式有以下几种,不同的支付方式适用于不同的支付场景,而今天要给大家讲的就是 小程序支付 方式 说到支付功能就要涉及到金钱交易,必定是有比较严格的规范及流程,如要求小程序 ...

  7. 小程序下单支付在我司的应用

    0.需求简介: 本期接到的开发需求是:在我们已经开发好的App中,当用户点击立即购买时跳转到小程序端,用户进而在小程序可以浏览商品,下单,查看订单相关操作.这样做的目的是为了打通支付的痛点,目前在原生 ...

  8. 微信小程序接入微信支付(二):后台调用统一下单接口

    微信统一支付官方文档:https://pay.weixin.qq.com/wiki/doc/api/wxa/wxa_api.php?chapter=9_1 因该接口需要商户系统中自己的订单编号,笔者先 ...

  9. 微信小程序开发笔记 支付篇③——微信支付JSAPI下单和微信小程序调起支付(V2版本)

    文章目录 一.前文 二.流程图 三.SpringBoot接口实现 2.1 微信调起支付所需数据 2.2 下单接口 2.3 支付回调接口 三.微信小程序实现 3.1 JSAP统一下单 3.2 小程序调起 ...

最新文章

  1. 费曼学习法:为何被称为史上最牛的学习法,它的本质究竟是什么?
  2. Struts2StudentsInfoManage学生管理系统struts2版
  3. SQLDump***.txt
  4. WiFi密码都不会破译​还想考清华?​
  5. 梦幻西游服务器每周几维护,梦幻西游5月6日维护公告:唯美版地图不再更新
  6. c#equals方法源码_C#中的Int32.Equals()方法示例
  7. 分享提高php编程效率的方法
  8. 【BZOJ】【2049】【SDOI2008】洞穴勘测 Cave
  9. Swin-Transformer-Object-Detection V2.11.0环境搭建(一)
  10. flutter 仿微信朋友圈发布图片
  11. 【华谋咨询】企业5s管理做大做强的四大措施
  12. 创建FTP站点访问超链接
  13. 新浪微博首席架构师漫谈微博底层架构
  14. FANUC机器人奇异点的解决方法
  15. ”35岁没500万存款就是失败?“,35岁职场人真实存款流出!
  16. Android系统编译小总结
  17. android 视频开发2分之2(仿美拍,糗百)
  18. HTML5与视频传输_拔剑-浆糊的传说_新浪博客
  19. 计算机技术科学的作用,计算机教育中科学技术的作用
  20. Hypermesh-laminate复合材料案例学习笔记

热门文章

  1. 001初学java笔记20211005
  2. 免费可商用图片素材、高清无版权图片、免费可个人和商业用途图片
  3. TensorFlow 2.0深度学习算法实战 第一章 人工智能绪论
  4. 有刷电机驱动专题-Mos管驱动电路中增加二极管的作用
  5. 深度强化学习面试问题集锦
  6. 【samba】Ubuntu16安装samba服务器
  7. 什么是Python?Python有什么特性?
  8. 笔试面试题一(腾讯2019)
  9. C语言心算程序设计抽奖程序,幼儿园大班数学优质课:抽奖游戏
  10. webstorm解决git冲突