nest-wxpay

Appearance

JSAPI 支付 ​

前言

JSAPI 支付是指商户通过调用微信支付提供的 JSAPI 接口，在支付场景中调起微信支付模块完成收款

一、材料准备 ​

在正式接入微信支付JSAPI服务前，你需要进行以下准备步骤：

  1. 选择接入模式：普通商户或普通服务商
  2. 申请参数：AppID、商户号
  3. 配置应用

二、应用场景 ​

JSAPI支付适用于线下场所、公众号场景和PC网站场景。

商户已有H5商城网站，用户通过消息或扫描二维码在微信内打开网页时，可以调用微信支付完成下单购买的流程。具体操作流程如下：


%%{
  init: {
    'theme': 'base',
    'themeVariables': {
      'fontFamily': 'Noto Sans,wacfdcsy',
      'fontSize': '12px',
      'primaryColor': '#1d2129',
      'primaryBorderColor': '#1d2129',
      'primaryTextColor': '#ffffff',
      'textColor': '#86909c',
      'signalColor': '#86909c'
    }
  }
}%%
  sequenceDiagram
  客户端->>服务端: 选购商品
  服务端->>微信支付: 生成订单
  微信支付->>服务端: 返回预支付交易会话标识 【 prepay_id 】
  服务端->>客户端: 返回预支付交易会话标识
  客户端->>微信支付: 使用预支付交易会话标识发起支付
  微信支付->>客户端: 【通知】订单支付成功
  客户端->>服务端: 同步订单状态

三、操作步骤 ​

  1. 商户下发图文消息或者通过自定义菜单吸引用户点击进入商户网页

图片

  1. 进入商户网页，用户选择购买，完成选购流程

图片

  1. 调起微信支付控件，用户开始输入支付密码

图片

  1. 密码验证通过，支付成功。商户后台得到支付成功的通知

图片

  1. 返回商户页面，显示购买成功。该页面由商户自定义

图片

  1. 微信支付公众号下发支付凭证

图片