nest-wxpay

Appearance

App 支付 ​

一、材料准备 ​

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

  1. 选择接入模式：普通商户或普通服务商
  2. 申请参数：AppID、商户号
  3. App支付页面规范

二、应用场景 ​

App支付适用于在移动端App中集成微信支付功能的场景。商户App调用微信提供的SDK调用微信支付模块，商户App会跳转到微信中完成支付，支付完后跳回到商户App内，最后展示支付结果。具体操作流程如下：


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

三、操作步骤 ​

1、用户进入商户App，选择商品下单、确认购买，进入支付环节。商户服务后台生成支付订单，签名后将数据传输到App端

alt text

2、用户点击后发起支付操作，进入到微信界面，调起微信支付，出现确认支付界面

alt text

3、用户确认收款方和金额，点击立即支付后出现输入密码界面，可选择零钱或银行卡支付

alt text

4、输入正确密码后，支付完成，用户端微信出现支付详情页面

alt text

5、回跳到商户App中，商户App根据支付结果个性化展示订单处理结果

alt text