4 支付宝手机网站支付demo讲解

骑猪看日落 2024-04-18 11:31 66阅读 0赞

# **目录** #

> 1 引言
> 
> 2 业务流程
> 
> 3 用户下单
> 
> 4 商户系统处理订单信息
> 
> 5 支付宝向用户展示支付信息
> 
> 6 用户付款
> 
> 7 同步通知与异步通知

--------------------

# #

## 1 引言 ##

前面三小节我们已经学过如何使用支付宝手机网站支付的功能，但只是说到如何运行demo而已，这显然不是我们想要的结果，我们想要了解的是如何自己编码实现整一个支付流程，再此之前，如何还没有阅读过支付宝在线支付的官方文档的话，笔者先建议去认真阅读一下，学习新的知识点都是一回生，二回熟的，第一遍看不懂的话，可能第二遍就看懂了。

支付宝手机网站支付传送门：[https://docs.open.alipay.com/203][https_docs.open.alipay.com_203]

阅读过官方文档之后，我们再一 一道来。

# #

## 2 业务流程 ##

支付流程看是很复杂，其实简单整理一下还是很好理解的，无非就是

> 1 用户到商户系统下单
> 
> 2 商户系统根据用户的订单信息向支付宝系统发起支付
> 
> 3 支付宝向用户展示支付信息
> 
> 4 用户付款
> 
> 5 用户付款成功后，支付宝系统向商户系统发起同步通知和异步通知

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2x3cUJyZWxs_size_16_color_FFFFFF_t_70][]

一个完整的支付，开发过程中我们只需要将以下三个参数传到支付宝系统便可以发起支付了

<table> 
 <thead> 
  <tr> 
   <th>参数名称</th> 
   <th>参数说明</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>out_trade_no</td> 
   <td>商户订单号，需要保证不重复</td> 
  </tr> 
  <tr> 
   <td>subject</td> 
   <td>订单标题</td> 
  </tr> 
  <tr> 
   <td>total_amount</td> 
   <td>订单金额</td> 
  </tr> 
 </tbody> 
</table>

官方文档传送门：[https://docs.open.alipay.com/203/105285/][https_docs.open.alipay.com_203_105285]

# #

## 3 用户下单 ##

用户以form表单的形式将信息提交到商户系统，提交的信息必须要包括：

> 1 商户订单号
> 
> 2 订单标题（订单名称）
> 
> 3 订单金额

**3.1 订单信息**

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2x3cUJyZWxs_size_16_color_FFFFFF_t_70 1][]

**3.2 订单源码解析**

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2x3cUJyZWxs_size_16_color_FFFFFF_t_70 2][]

## 4 商户系统处理订单信息 ##

商户系统处理用户提交的信息并向支付宝系统发起支付请求，这里需要我们自己处理一下订单信息的合法性，比如过滤非法字符或提交的订单信息是否包含商户订单号、订单标题、订单金额等业务逻辑。

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2x3cUJyZWxs_size_16_color_FFFFFF_t_70 3][]

## 5 支付宝向用户展示支付信息 ##

支付宝向用户展示支付信息，以便用户核对自己提交的订单信息

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2x3cUJyZWxs_size_16_color_FFFFFF_t_70 4][]

## 6 用户付款 ##

用户核对完自己的订单信息之后可以输入支付密码完成支付

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2x3cUJyZWxs_size_16_color_FFFFFF_t_70 5][]

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2x3cUJyZWxs_size_16_color_FFFFFF_t_70 6][]

## 7 同步通知与异步通知 ##

前面几小节已经涉及到同步通知和异步通知的配置了，同步通知和异步通知，其实就是要我们配置两个地址，用户支付成功之后支付宝会将支付信息发送到这两个地址上。

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2x3cUJyZWxs_size_16_color_FFFFFF_t_70 7][]

**7.1 同步通知**

用户支付成功后，支付宝会以GET的形式向该地址发送消息，其发送的数据如下所示

{
        "charset":"UTF-8",
        "out_trade_no":"2019951253xxxx",
        "method":"alipay.trade.wap.pay.return",
        "total_amount":"0.01",
        "sign":"U+oesybjw0LJmc69O5udxzFYu5EQBirOclGrhLCd5eCaQj45OywAQRm9CoWnLNy1HllnOXY+oN41utT2DQs226JZRj1NhlXzTIXKgGkmLbUboHBAW2GAWui+BDuqjnbwUqGbHTTwSqsyZqem9+chH96jsLVP4lj1d/WcWrgKo4TSLdqkwOAVWXWNavIXvLks7hI41CXBhsHoOR8kimKn7ZL/qaA3aEwidnxsn7OhrAWoPL0zEOHEb+wK/sNFxfmPU4NGexfPkKUFEVAheZ5oVsbnF0zoKrjdSNNcD5UWMmo1uthaSRMuBsBpzmYEydagBMXmSg7tE6RuRE8/tUfFhA==",
        "trade_no":"2019090522001428401000066386",
        "auth_app_id":"201610010063xxxx",
        "version":"1.0",
        "app_id":"201610010063xxxx",
        "sign_type":"RSA2",
        "seller_id":"208810217809xxxx",
        "timestamp":"2019-09-05 12:54:59"
    }

**7.2 异步通知**

用户支付成功后，支付宝会以POST的形式向该地址发送消息，收到支付宝发送的POST数据之后，系统必须向支付宝系统返回‘success’的字符串，否则支付宝系统会在25个小时内向该地址发起8次通知，其通知的间隔频率一般是：4m,10m,10m,1h,2h,6h,15h

其发送的数据如下所示

{
        "gmt_create":"2019-09-05 14:25:40",
        "charset":"UTF-8",
        "seller_email":"bxsfyqxxxx@sandbox.com",
        "subject":"测试",
        "sign":"VfqfM9rFpVR6y//puFeKb074+leaVSLyjVxqFtlXNyFWyxNGOTb3JUBCGzJPjI4wf0C5XVVIWljLLyYKX3biM3iqMEyXaK4NC1yclhmTlzuEgUwsgSacQdCm+d3eU3Uxp6VuIM0W1pr/syYh3p/j+nCbC0XzfBYHKRo2mtWxFLF9MAWCbakqEdy9tJJwN6hfsY3F479xTHRzRJ74mbe2nSP0XMzSDEmAq5lCeUzGPb08svAWP9MVUI5Bsd2oz5Ps6L1xANrtGAGYy4mtEKPFHjHl0FdnhlhViE0dm39mNxDgf4LZO5wQNY9p4IOMVPny10DUvskXxFcDoqV1gbGYJw==",
        "body":"购买测试商品0.01元",
        "buyer_id":"208810217942xxxx",
        "invoice_amount":"0.01",
        "notify_id":"2019090500222142541028401000633748",
        "fund_bill_list":"[{"amount":"0.01","fundChannel":"ALIPAYACCOUNT"}]",
        "notify_type":"trade_status_sync",
        "trade_status":"TRADE_SUCCESS",
        "receipt_amount":"0.01",
        "buyer_pay_amount":"0.01",
        "app_id":"201610010063xxxx",
        "sign_type":"RSA2",
        "seller_id":"208810217809xxxx",
        "gmt_payment":"2019-09-05 14:25:41",
        "notify_time":"2019-09-05 14:25:42",
        "version":"1.0",
        "out_trade_no":"20199514240367",
        "total_amount":"0.01",
        "trade_no":"2019090522001428401000067854",
        "auth_app_id":"201610010063xxxx",
        "buyer_logon_id":"giy***@sandbox.com",
        "point_amount":"0.00"
    }

**交易状态说明（trade\_status）**

<table> 
 <thead> 
  <tr> 
   <th>枚举名称</th> 
   <th>枚举说明</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>WAIT_BUYER_PAY</td> 
   <td>交易创建，等待买家付款</td> 
  </tr> 
  <tr> 
   <td>TRADE_CLOSED</td> 
   <td>未付款交易超时关闭，或支付完成后全额退款</td> 
  </tr> 
  <tr> 
   <td>TRADE_SUCCESS</td> 
   <td>交易支付成功</td> 
  </tr> 
  <tr> 
   <td>TRADE_FINISHED</td> 
   <td>交易结束，不可退款</td> 
  </tr> 
 </tbody> 
</table>

**通知触发条件**

<table> 
 <thead> 
  <tr> 
   <th>触发条件名</th> 
   <th>触发条件描述</th> 
   <th>触发条件默认值</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>TRADE_FINISHED</td> 
   <td>交易完成</td> 
   <td>false（不触发通知）</td> 
  </tr> 
  <tr> 
   <td>TRADE_SUCCESS</td> 
   <td>支付成功</td> 
   <td>true（触发通知）</td> 
  </tr> 
  <tr> 
   <td>WAIT_BUYER_PAY</td> 
   <td>交易创建</td> 
   <td>false（不触发通知）</td> 
  </tr> 
  <tr> 
   <td>TRADE_CLOSED</td> 
   <td>交易关闭</td> 
   <td>true（触发通知）</td> 
  </tr> 
 </tbody> 
</table>

[https_docs.open.alipay.com_203]: https://docs.open.alipay.com/203
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2x3cUJyZWxs_size_16_color_FFFFFF_t_70]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/18/e9dd9e1c8e264d5087b457167d798e9e.png
[https_docs.open.alipay.com_203_105285]: https://docs.open.alipay.com/203/105285/
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2x3cUJyZWxs_size_16_color_FFFFFF_t_70 1]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/18/bc09d2f6998b4117a7606d6046db7d71.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2x3cUJyZWxs_size_16_color_FFFFFF_t_70 2]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/18/7224c615b40844269dc7dd9949432deb.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2x3cUJyZWxs_size_16_color_FFFFFF_t_70 3]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/18/02407765aefd488cb194345fd95471ec.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2x3cUJyZWxs_size_16_color_FFFFFF_t_70 4]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/18/d8db45ce68e64ee095641e64cfb3cd73.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2x3cUJyZWxs_size_16_color_FFFFFF_t_70 5]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/18/b6458922818b43bba75a4d60ae2cdb20.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2x3cUJyZWxs_size_16_color_FFFFFF_t_70 6]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/18/cf10e9d3ed014d9e8aafd464200aff6c.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2x3cUJyZWxs_size_16_color_FFFFFF_t_70 7]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/18/fa05a9d38f144765911fbf34d21ce57a.png