Antom, leading provider of tailored payment solutions
Contact Us
Log In

快速开始

Antom Payment Element 是一个以 SDK 包为基础，为您提供完美支付体验的支付组件，助力提升转化率。同时，您可以通过 appearance 参数自定义外观和样式，使其与您的网站设计相匹配。
1
设置服务器

安装 Antom Java 库

Maven
要导入 Antom 的 Java 库，请将依赖项添加到 pom.xml 文件中。您可以在 GitHub 上查看最新版本。
bash
<dependency>
   <groupId>com.alipay.global.sdk</groupId>
   <artifactId>global-open-sdk-java</artifactId>
   <version>{latest_version}</version>
</dependency>
GitHub
您也可以直接通过 GitHub 下载源代码来安装 Antom Java 库。
Server

获取集成资源

在 Antom Dashboard 的 开发者 模块获取集成资源。在您的应用中配置获取的集成资源，以便向 Antom 服务器发送请求时能使用这些资源。
Server

创建支付会话

在您的服务器上添加一个端点，用来调用 createPaymentSession（单笔支付）接口。在发送请求时，请指定支付金额、币种、支付请求 ID、订单信息以及其他支付必要信息。
Server

指定支付重定向链接

设置支付重定向链接。买家在完成支付后将被重定向至该链接。您可以在该页面指引买家完成后续操作。
Server

查询支付结果

在您的服务器上添加一个端点，通过调用 inquiryPayment 接口来获取支付结果，并在需要时展示支付结果。
Server

接收支付通知

在您的服务器上添加一个端点，以接收来自 Antom 服务端的 notifyPayment，主要内容包括支付结果、支付时间和支付金额等信息。您可以更新支付状态并把这些信息保存到数据库中，以便后续查询。
Server
2
在客户端构建结账页面

安装 Antom SDK

通过 CDN 安装 SDK 资源包:
bash
<script src="https://js.antom.com/v2/ams-checkout.js"></script>
注意：Antom SDK 遵循 PCI 指南，确保买家的支付信息不经过您的服务器直接传输给 Antom。
Client

嵌入 Payment Element 组件

在您的收银台页面创建一个 DOM 节点用于嵌入 Payment Element 组件。
Client

获取支付会话

买家选择商品后，您发送带有支付信息的支付会话创建请求，以获取支付会话。
Client

初始并实例化 SDK

创建 Payment Element 实例并完成基本配置。您可以通过 mount() 方法配置 appearance 参数自定义支付界面的视觉样式和布局，包括主题选择、布局配置和 CSS 样式自定义。
Client

渲染 Payment Element 组件

将设置好的 Payment Element 组件渲染到前端页面。
Client

调用 SDK 提交支付

Payment Element 组件渲染完成后，通过调用 submitPayment() 方法提交支付，Payment Element 会根据不同支付方式，负责展示二维码、跳转支付方式页面、3DS 认证、回跳商户结果页等流程，同时返回事件码，您可以根据事件码进行差异化处理。
Client