用户体验
本文向您展示发起授权、进行授权和接收授权结果的用户体验,其中包括商户端和支付方式端之间跳转的体验。
买家可以在三种商户端类型(WEB、WAP 或 APP)上发起授权。买家发起授权后,将被跳转到支付方式端以完成授权。支付方式端类型(WEB、WAP 或 APP)不同,商户端跳转到支付方式端的体验不同。商户端的跳转情况和跳转页面取决于各个支付方式的能力。
以下内容展示不同商户端和支付方式端类型下的用户体验:
以下内容展示不同授权结果下的用户体验:
用户体验
本节向您展示发起授权、进行授权和接收授权结果的用户体验。
商户端类型:Web
如果买家在商户 Web 端上发起授权,买家将被跳转到支付方式 Web 端。支付方式页通过以下其中一种方式供买家完成授权:
在扫码签约模式下,买家跳转到支付方式 Web 页面,通过扫描页面二维码进行授权。如下图所示:
图 1. 扫码授权网页
商户端类型:WAP
如果买家在商户 WAP 端上发起授权,买家将跳转到支付方式移动端网页进行登录授权。
登录授权 WAP 页
买家从商户 WAP 页跳转到支付方式的 WAP 页面,通过输入账号和密码完成授权。
图 3. 商户 WAP 页跳转到登录授权 WAP 页面
【注意】
- 在完成支付方式端的授权后,买家会通过默认浏览器跳转回商户页面,该页面地址携带有 authCode 的值。
- 支付方式的授权页面必须是一个 WAP 页面。如果支付方式没有提供 WAP 授权页面,则不支持从商户 WAP 端跳转到支付方式端。
商户端类型:App
如果买家在商户 App 端进行授权,会被跳转到以下页面:
买家从商户 app 跳转到支付方式 WAP 页面,通过账密登录完成授权。
图 4. 商户 app 跳转到支付方式 WAP 页
【注意】
- 如果买家已安装支付方式 app,则通过以下方式之一打开支付方式 app:
- 通过通用链接或应用链接:
- 通用链接:让买家能够通过链接跳转到您的应用程序或您的网站中的内容。详情请参见 iOS 通用链接。
- 应用链接:一种深度链接,当买家点击时直接跳转到 app 的特定页面。详情请参见 Android 应用链接。
- 通过中间页面
- 通过动态链接(仅针对 GCash)
- 如果 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 | |
授权结果(商户页) |
表 4. 各个端类型的授权成功结果页
授权失败
买家授权失败的原因通常是授权超时或买家主动退出授权页。以下展示各个支付方式在不同授权失败原因下的授权结果页。
授权超时后授权失败。
支付方式 | GCash | AlipayCN | KakaoPay | DANA / AlipayHK / Touch 'n Go / TrueMoney |
页面 |
|
| 不支持授权超时功能 | |
跳转到商户端 | 不支持 | 不支持 | 支持 |
表 5. 授权超时时的授权结果页
【注意】集成各个支付方式时会涉及到各种用于交易的金额和币种。详情请参见 金额对象的使用规则。