社区首页 > 使用教程 > 【教程】ShopWind开源电商系统 - 手机端支付宝支付介绍

【教程】ShopWind开源电商系统 - 手机端支付宝支付介绍

admin发表在 使用教程 2021-01-13 04:01:42 1031

业务功能

        适用于商家在移动端网页应用中集成支付宝支付功能。商家在网页中调用支付宝提供的网页支付接口调起支付宝客户端内的支付模块,商家网页会跳转到支付宝中完成支付,支付完后跳回到商家网页内,最后展示支付结果。若无法唤起支付宝客户端,则在一定的时间后会自动进入网页支付流程。

用户支付宝支付流程

步骤1:用户在浏览器中访问商家网页应用,选择商品下单、确认购买,进入支付环节,选择支付宝付款,用户点击去支付,如下图;

手机端支付宝支付介绍1.png

步骤2:进入到支付宝支付路由页面,支付宝处理支付请求,并尝试唤起支付宝客户端,如下图2;

手机端支付宝支付介绍2.png

步骤3:进入到支付宝页面,调起支付宝支付,出现确认支付界面,如下图;

手机端支付宝支付介绍3.png

步骤4:用户确认收款方和金额,点击立即支付后出现输入密码界面,如下图;

手机端支付宝支付介绍4.jpg

步骤5:输入正确密码后,支付宝端显示支付结果,如下图;

手机端支付宝支付介绍5.png

步骤6:自动回跳到浏览器中,商家根据付款结果个性化展示订单处理结果,如下图。

手机端支付宝支付介绍6.png

注意:在iOS系统中,唤起支付宝App支付完成后,不会自动回到浏览器或商户App。用户可手工切回到浏览器或商户App


用户未安装支付宝支付流程

步骤1:若用户未安装支付宝客户端,用户进入到支付宝网页收银台,用户登录支付宝账户,如图;

手机端支付宝支付介绍7.png手机端支付宝支付介绍8.png

步骤2:登录成功后,进入付款确认页面,如图9;

手机端支付宝支付介绍9.png

步骤3:用户点击确认付款,进入支付密码页面,如图;

手机端支付宝支付介绍10.jpg

步骤4:用户输入密码,完成支付,展示支付结果,如图。

手机端支付宝支付介绍11.jpg

回复
Re :
您需要登录后才可以回帖 登录