Online线上 支付场景
公众号/H5支付
公众号/H5支付是微信支付宝在用户手机端线上的一种收款方式。
用户使用微信支付宝APP扫码商家提供的聚合二维码或通过访问商家手机H5网店，在微信支付宝APP内通过JSSDK调起支付控件完成支付。
场景介绍
以下以微信支付为例，说明H5支付的使用场景，支付宝场景和微信类似：
商户已有H5网站，用户通过消息或扫描二维码在微信内打开网页时，可以调用微信支付完成下单购买的流程。
步骤1：商户下发图文消息或者通过自定义菜单吸引用户点击进入商户网页，商户也可以把商品网页的链接生成二维码，用户扫一扫打开后即可完成购买支付。
步骤2：进入商户网页，用户选择购买，完成选购流程。
步骤3：商户前端页面调用SnapPay OpenAPI H5支付，并页面重定向SnapPay返回的地址。
步骤4：用户手机会自动唤起微信支付控件，用户开始输入支付密码。
步骤5：密码验证通过，支付成功。商户后台得到SnapPay支付成功的通知。
业务流程
流程详细说明
-
用户下单后[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：付款成功。
选择商品并添加至购物车
扫描QR码
登录支付宝账户付款
业务流程
流程详细说明
-
用户下单后[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]。