微信小程序(6)说说微信小程序的支付流程？

一、前言

微信小程序为电商类小程序，提供了非常完善、优秀、安全的支付功能

在小程序内可调用微信的API完成支付功能，方便、快捷

场景如下图所示：

用户通过分享或扫描二维码进入商户小程序，用户选择购买，完成选购流程
调起微信支付控件，用户开始输入支付密码
密码验证通过，支付成功。商户后台得到支付成功的通知
返回商户小程序，显示购买成功
微信支付公众号下发支付凭证

二、流程

以电商小程序为例

支付流程图如下所示：

具体的做法：

打开某小程序，点击直接下单
wx.login获取用户临时登录凭证code，发送到后端服务器换取openId
在下单时，小程序需要将购买的商品Id，商品数量，以及用户的openId传送到服务器
服务器在接收到商品Id、商品数量、openId后，生成服务期订单数据，同时经过一定的签名算法，向微信支付发送请求，获取预付单信息(prepay_id)，同时将获取的数据再次进行相应规则的签名，向小程序端响应必要的信息
小程序端在获取对应的参数后，调用wx.requestPayment()发起微信支付，唤醒支付工作台，进行支付
接下来的一些列操作都是由用户来操作的包括了微信支付密码，指纹等验证，确认支付之后执行鉴权调起支付
鉴权调起支付：在微信后台进行鉴权，微信后台直接返回给前端支付的结果，前端收到返回数据后对支付结果进行展示
推送支付结果：微信后台在给前端返回支付的结果后，也会向后台也返回一个支付结果，后台通过这个支付结果来更新订单的状态

其中后端响应数据必要的信息则是wx.requestPayment方法所需要的参数，大致如下：

wx.requestPayment({// 时间戳timeStamp: '',// 随机字符串nonceStr: '',// 统一下单接口返回的 prepay_id 参数值package: '',// 签名类型signType: '',// 签名paySign: '',// 调用成功回调success () {},// 失败回调fail () {},// 接口调用结束回调complete () {}
})

参数表如下所示：

三、结束

小程序支付和以往的网页、APP微信支付大同小异，可以说小程序的支付变得更加简洁，不需要设置支付目录、域名授权等操作

微信小程序(6)说说微信小程序的支付流程？相关推荐

小程序webview不全屏_有赞微信商城和有赞微信小程序什么不一样
有赞微信商城和有赞微信小程序什么不一样?许多商家的小程序就是微信商城,有了微信商城,小程序也就没必要再用了,这种掌握当然是有误的,小程序和微信商城的正中区别还是很明显的.Apple和微信商城的中间区别 ...
WePY框架开发的小程序如何在微信web开发者工具中运行起来
2019独角兽企业重金招聘Python工程师标准>>> 一.首先需要安装node.js,安装步骤如下: 首先下载安装包 https://nodejs.org/en/download/ ...
微信团队放大招！他们为了小程序居然...
微信小程序作为腾讯的战略级产品,无需下载,上手即用,推出1年多凭借其强大的连接能力,迅速累积高达1.7 亿日活. 小程序巨大商机催生人才需求小程序到底有多火?网曝微信"跳一跳"小 ...
php小程序地图处理,微信小程序地图map详解及简单实例
微信小程序地图map 微信小程序map 地图属性名类型默认值说明longitudeNumber中心经度 latitudeNumber中心纬度 scaleNumber1缩放级别 markersArra ...
api 定位微信小程序精度_微信小程序开发知识点集锦
一小程序的生命周期代码生命周期就是一个对象的生老病死,通常指程序从创建.开始.暂停.唤起.停止.卸载的过程.小程序的生命周期又可分为应用生命周期和页面的生命周期,先单独分析,在结合两者分析应用生 ...
小程序接收json_微信推出QQ小程序，但只能接收消息无法回复！网友：鸡肋
大家了解过俄罗斯套娃吗?就是由多个一样图案的空心木娃娃,一个套一个组成,最多可达十多个.以前,小鱼以为它只是个工艺品:谁知道,聊天工具也可以「套娃」.近日,有网友发现微信上出现了「腾讯QQ」小程序,打 ...
【微信小程序canvas】实现小程序手写板用户签名(附代码)
[微信小程序canvas]实现小程序手写板用户签名(附代码) 工作中公司业务需要的微信小程序用户签字功能先看效果图: wxml <view class="wrapper"& ...
微信门店小程序怎样创建门店小程序创建方法简介
微信门店小程序怎样创建门店小程序创建方法简介微信门店小程序是什么东西?门店小程序要怎样创建?还不清楚微信门店小程序详情的小伙伴们抓紧时间跟上小编一起来看一下吧! 门店小程序是什么? 微信发 ...
微信小程序点播插件_小程序云直播amp;云点播插件限时降价了！！！
普惠音视频开发者小程序·云直播&云点播插件降价啦! 买200TB流量包免1年插件授权费用小程序直播插件流量费支持资源包抵扣点播插件免收播放次数费用限时降价买赠活动时间:2020年10 ...
微信内测附近的餐厅，小程序要跨界外卖了？
此前有网友曝光的「附近的餐厅」功能终于在1月7日得到微信官方证实,随着微信官方发文宣布「附近的餐厅」在广州开始内测,这个只有少数人才能看到的微信插件总算是掀开了一点神秘面纱. 接下来,小编就带大家一起 ...

微信小程序(6)说说微信小程序的支付流程？

一、前言

二、流程

三、结束

微信小程序(6)说说微信小程序的支付流程？相关推荐

最新文章

热门文章