适用于商家在移动端网页应用中集成支付宝支付功能。
商家在网页中调用支付宝提供的网页支付接口调起支付宝客户端内的支付模块,商家网页会跳转到支付宝中完成支付,支付完后跳回到商家网页内,最后展示支付结果。若无法唤起支付宝客户端,则在一定的时间后会自动进入网页支付流程。
用户已安装支付宝支付流程
步骤1:用户在浏览器中访问商家网页应用,选择商品下单、确认购买,进入支付环节,选择支付宝付款,用户点击去支付,如下图1;
步骤2:进入到支付宝支付路由页面,支付宝处理支付请求,并尝试唤起支付宝客户端,如下图2;
步骤3:进入到支付宝页面,调起支付宝支付,出现确认支付界面,如下图3;
图1: |
图2: |
图3: |
步骤4:用户确认收款方和金额,点击立即支付后出现输入密码界面,如下图4;
步骤5:输入正确密码后,支付宝端显示支付结果,如下图5;
步骤6:自动回跳到浏览器中,商家根据付款结果个性化展示订单处理结果,如下图6。
注意:在iOS系统中,唤起支付宝App支付完成后,不会自动回到浏览器或商户App。用户可手工切回到浏览器或商户App。
图4: |
图5: |
图6: |
用户未安装支付宝支付流程
步骤1:若用户未安装支付宝客户端,用户进入到支付宝网页收银台,用户登录支付宝账户,如图7和图8;
步骤2:登录成功后,进入付款确认页面,如图9;
步骤3:用户点击确认付款,进入支付密码页面,如图10;
步骤4:用户输入密码,完成支付,展示支付结果,如图11。
图7: |
图8: |
图9: |
图10: |
图11: |
1. 目前已上线的部分支付案例,商家可在浏览器中访问对应商家网站,进行实际体验。
饿了么、携程、亚马逊APP。
2. 支付宝收银台界面规范
列表首位+默认勾选+Logo+推荐标签+标语,最低标准为“Logo+支付宝”,并将作为审核依据。
移动网页应用无需集成SDK也可以唤起支付宝客户端支付。
手机网站支付产品包含的接口和描述如下:
接口名称 | 描述 |
---|---|
alipay.trade.wap.pay 手机网页支付接口 |
通过此接口传入订单参数,同时唤起支付宝手机网页支付页面 |
alipay.trade.close 交易关闭接口 |
通过此接口关闭此前已创建的交易,关闭后,用户将无法继续付款。仅能关闭创建后未支付的交易。 |
alipay.trade.query 交易状态查询接口 |
通过此接口查询某笔交易的状态,交易状态:交易创建,等待买家付款;未付款交易超时关闭,或支付完成后全额退款;交易支付成功;交易结束,不可退款。 |
alipay.trade.refund 交易退款接口 |
通过此接口对单笔交易完成退款操作 |
alipay.trade.fastpay.refund.query 退款查询 |
查询退款订单的状态 |
alipay.data.dataservice.bill.downloadurl.query 账单查询接口 |
调用此接口获取账单的下载链接 |
若商家还存在App应用,建议集成支付宝App支付产品。
本接口及文档资料由支付宝提供。您使用本接口,需要遵守开放平台相关协议及支付宝要求。