面试官：说说微信小程序的支付流程？

一、前言

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

在小程序内可调用微信的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微信支付大同小异，可以说小程序的支付变得更加简洁，不需要设置支付目录、域名授权等操作

参考文献

https://pay.weixin.qq.com/wiki/doc/apiv3/open/pay/chapter2_8_0.shtml
https://juejin.cn/post/6844903895970349064

--The End--

系列正在更新：5/8

点击下方卡片解锁更多

创作不易，星标、点赞、在看三连支持

面试官：说说微信小程序的支付流程？相关推荐

微信小程序之支付流程
本文以微信支付官方文档为例,梳理了一下,支付的流程 [图片详细展示] 文字展示 1.小程序内调用登录接口,获取到用户的openid,api参见公共api[小程序登录API] 2.商户server调用支 ...
微信小程序(6)说说微信小程序的支付流程？
一.前言微信小程序为电商类小程序,提供了非常完善.优秀.安全的支付功能在小程序内可调用微信的API完成支付功能,方便.快捷场景如下图所示: 用户通过分享或扫描二维码进入商户小程序,用户选择购买, ...
微信小程序开发支付流程
微信支付是时下最流行的交易支付方法之一,潜移默化推动着无现今社会的变革.小程序作为微信上的轻应用,同业也开放微信支付的接口,可以通过转账,扫二维码支付.要完成一次具体的订单支付需要完整的支付流程,具体 ...
看完吊打面试官！微信小程序趋势及前景，复习指南
这篇文章主要介绍了20道经典Handler题及答案解析,文中通过示例代码介绍的非常详细,对大家的学习或者面试复习具有一定的参考学习价值,内容过多可以先收藏慢慢观看,需要的朋友们下面随着小编来一起学习学 ...
微信小程序前端支付流程
支付流程最近在写两个小程序的项目,一个是外卖配送类项目,再有一个就是商城类项目,无一例外,免不了,两个项目都需要用到微信支付功能,那么这个时候,如何取实现支付的流程呢? 其实总的来说,关于支付的话, ...
微信小程序配置支付（附完整代码）
微信小程序配置支付 1. 微信支付官网配置项 2. 代码配置(登录.获取openId.拉起支付等) 3. 云开发示例 1. 微信支付官网配置项初次接入,商户号管理是没有数据的,需要申请接入. 如果是 ...
微信小程序 iOS支付
微信小程序运营支付规范微信官方针对有虚拟支付功能的小程序下发了整改通知.截至5月8号,平台将对账号屏蔽iOS系统的支付接口调用.我去查了<<微信小程序运营规则>>,如上图.发 ...
微信小程序篇（微信小程序的支付）
微信小程序的支付和微信公众号的支付是类似的,对比起来还比公众号支付简单了一些,我们只需要调用微信的统一下单接口获取prepay_id之后我们在调用微信的支付即可. 今天我们来封装一般node的支付接口 ...
微信小程序服务器支付sdk,微信小程序之支付后如何调用SDK的异步通知
微信小程序之支付后如何调用SDK的异步通知发布时间:2021-07-05 10:47:33 来源:亿速云阅读:57 作者:小新这篇文章主要介绍微信小程序之支付后如何调用SDK的异步通知,文中介绍 ...