Back to top

Online线上 支付场景

公众号/H5支付

公众号/H5支付是微信支付宝在用户手机端线上的一种收款方式。

用户使用微信支付宝APP扫码商家提供的聚合二维码或通过访问商家手机H5网店,在微信支付宝APP内通过JSSDK调起支付控件完成支付。

场景介绍

以下以微信支付为例,说明H5支付的使用场景,支付宝场景和微信类似:

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

步骤1:商户下发图文消息或者通过自定义菜单吸引用户点击进入商户网页,商户也可以把商品网页的链接生成二维码,用户扫一扫打开后即可完成购买支付。

步骤2:进入商户网页,用户选择购买,完成选购流程。

步骤3:商户前端页面调用SnapPay OpenAPI H5支付,并页面重定向SnapPay返回的地址。

步骤4:用户手机会自动唤起微信支付控件,用户开始输入支付密码。

步骤5:密码验证通过,支付成功。商户后台得到SnapPay支付成功的通知。

Screens

业务流程

Workflow

流程详细说明

  • 用户下单后[1.1],商户后台调用H5支付下单API提交支付请求给SnapPay后台[1.2];

  • SnapPay后台验证支付请求,返回支付页面地址(h5pay_url)[1.3];

  • 商户的手机页面重定向到SnapPay支付地址[1.4],支付页面会引导用户完成支付[1.5];

  • 用户支付成功后,页面会跳转到return_url[2.1]。支付宝暂不支持return_url,建议使用WAP手机网站付API (browser_type=WAP);

  • 页面跳转到return_url后,为确保支付确实成功,商户应调用查询订单API[2.2];

  • 当查询得到成功返回后[2.3],更新订单状态[2.4],展示成功页面给用户[2.5];

  • 支付成功后,微信支付宝发送异步通知给SnapPay[3.1],SnapPay后台会通知商户后台支付成功,请参考异步通知[3.2]。


Web网页支付

Web网页支付是支付宝,银联和信用卡给线上商家提供的一种收款方式。

用户点击商家支付按钮跳转到支付宝/银联国际网站的收银台,登录自己的账户完成支付。

场景介绍

以下以支付宝支付为例,说明PC网站支付的使用场景,银联国际的场景和支付宝类似:

步骤1:买家在商户网站选择需购买的商品,填写订单信息后,点击立即购买。

步骤2:网页跳转到支付宝收银台页面。

步骤3

  • 用户可以使用支付宝App扫一扫屏幕二维码,待手机提示付款后选择支付方式输入密码即可完成支付;

  • 如果不使用手机支付,也可以点击上图右侧的“登录账户付款”,输入支付宝账号和支付密码登录PC收银台。

  • 用户选择付款方式,输入支付密码后点击“确认付款”。

步骤4:付款成功。

Product

选择商品并添加至购物车

Scan

扫描QR码

Login

登录支付宝账户付款

业务流程

Workflow

流程详细说明

  • 用户下单后[1.1],商户后台调用Web网页支付下单API提交支付请求给SnapPay后台[1.2];

  • SnapPay后台验证支付请求,返回支付宝银联或信用卡的支付地址(webpay_url)[1.3];

  • 商户的页面重定向到支付地址[1.4],支付页面会引导用户完成支付[1.5];

  • 用户支付成功后,页面会跳转到return_url[2.1];

  • 页面跳转到return_url后,为确保支付确实成功,商户应调用查询订单API[2.2];

  • 当查询得到成功返回后[2.3],更新订单状态[2.4],展示成功页面给用户[2.5];

  • 支付成功后,支付宝银联发送异步通知给SnapPay[3.1],SnapPay后台会通知商户后台支付成功,请参考异步通知[3.2]。


API文档(openapi.zh-CN.html)

首页(index.zh-CN.html)

Created by SnapPay Inc. on 13 Apr 2021