Alipay, China's leading third-party online payment solutionAlipay, China's leading third-party online payment solution

用户体验

本文向您展示发起授权、进行授权和接收授权结果的用户体验,其中包括商户端和支付方式端之间跳转的体验。

买家可以在三种商户端类型(WEB、WAP 或 APP)上发起授权。买家发起授权后,将被跳转到支付方式端以完成授权。支付方式端类型(WEB、WAP 或 APP)不同,商户端跳转到支付方式端的体验不同。商户端的跳转情况和跳转页面取决于各个支付方式的能力。

下内容展示不同商户端和支付方式端类型下的用户体验:

下内容展示不同授权结果下的用户体验:

用户体验

本节向您展示发起授权、进行授权和接收授权结果的用户体验。

商户端类型:Web

如果买家在商户 Web 端上发起授权,买家将被跳转到支付方式 Web 端。支付方式页通过以下其中一种方式供买家完成授权:

在扫码签约模式下,买家跳转到支付方式 Web 页面,通过扫描页面二维码进行授权。如下图所示:

扫码授权.png

图 1. 扫码授权网页

商户端类型:WAP

如果买家在商户 WAP 端上发起授权,买家将跳转到支付方式移动端网页进行登录授权。

登录授权 WAP 页

买家从商户 WAP 页跳转到支付方式的 WAP 页面,通过输入账号和密码完成授权。

登陆授权APP.png

图 3. 商户 WAP 页跳转到登录授权 WAP 页面

注意

  • 在完成支付方式端的授权后,买家会通过默认浏览器跳转回商户页面,该页面地址携带有 authCode 的值。
  • 支付方式的授权页面必须是一个 WAP 页面。如果支付方式没有提供 WAP 授权页面,则不支持从商户 WAP 端跳转到支付方式端。

商户端类型:App

如果买家在商户 App 端进行授权,会被跳转到以下页面:

买家从商户 app 跳转到支付方式 WAP 页面,通过账密登录完成授权。

登陆授权APP-1.png

图 4. 商户 app 跳转到支付方式 WAP 页

注意

  • 如果买家已安装支付方式 app,则通过以下方式之一打开支付方式 app:
    • 通过通用链接或应用链接:
      • 通用链接:让买家能够通过链接跳转到您的应用程序或您的网站中的内容。详情请参见 iOS 通用链接
      • 应用链接:一种深度链接,当买家点击时直接跳转到 app 的特定页面。详情请参见 Android 应用链接
    • 通过中间页面
    • 通过动态链接(仅针对 GCash)
  • 买家跳转到哪种支付方式端取决于支付方式的支持能力和您的 集成方法授权咨询 接口响应 authUrl 的值为三种类型的 URL,每种类型的 URL 会带来不同的跳转体验:
    • 如果 authUrl 的值是普通的 WAP 地址,则买家会跳转到登录授权的 WAP 页面。
    • 如果 authUrl 的值是 URL scheme(WAP-scheme),则买家会先打开浏览器,然后再打开支付方式 app。
    • 如果 authUrl 的值是通用链接或应用链接,则买家会直接打开支付方式 app。

下表展示当商户端类型为 APP 时各个支付方式所提供的跳转体验:

支付方式

登录授权 WAP 页

支付方式 app

已安装

未安装

先打开中间页再打开支付方式app

通过通用链接或应用链接打开支付方式 app

打开 WAP 页面

GCash

登录授权 WAP 页

DANA

AlipayHK

登录授权 WAP 页

KakaoPay

支付方式 app 下载 WAP 页

Touch 'n Go

登录授权 WAP 页

TrueMoney

支付方式 app 下载 WAP 页

AlipayCN

支付方式 app 下载 WAP 页

Naver Pay

BOOST

登录授权 WAP 页

Rabbit LINE Pay

支付方式 app 下载 WAP 页

Maya

表 3. 商户端类型为 App 时各支付方式所支持的跳转体验

授权结果

本节介绍不同授权结果所对应的体验:

授权成功

如果买家成功完成授权,各个端类型的授权结果页如下所示:

页面

商户端到支付方式端跳转类型

Web 到 Web

WAP 到 WAP

App 到 WAP

App 到 App

授权结果(商户页)

image

image

image

image

表 4. 各个端类型的授权成功结果页

授权失败

买家授权失败的原因通常是授权超时或买家主动退出授权页。以下展示各个支付方式在不同授权失败原因下的授权结果页。

授权超时后授权失败。

支付方式

GCash

AlipayCN

KakaoPay

DANA / AlipayHK / Touch 'n Go / TrueMoney

页面

用户体验

用户体验

不支持授权超时功能

跳转到商户端

不支持

不支持

支持

表 5. 授权超时时的授权结果页

注意集成各个支付方式时会涉及到各种用于交易的金额和币种。详情请参见 金额对象的使用规则