快速开始
Payment Element
Web
HTML
Java
Antom Payment Element 是一个以 SDK 包为基础，为您提供完美支付体验的支付组件，助力提升转化率。同时，您可以通过 appearance 参数自定义外观和样式，使其与您的网站设计相匹配。
1
设置服务器安装 Antom Java 库
Maven
GitHub
Server
创建支付会话
在您的服务器上添加一个端点，用来调用 createPaymentSession（单笔支付）接口。在发送请求时，请指定支付金额、币种、支付请求 ID、订单信息以及其他支付必要信息。
Server
指定支付重定向链接
设置支付重定向链接。买家在完成支付后将被重定向至该链接。您可以在该页面指引买家完成后续操作。
Server
接收支付通知
在您的服务器上添加一个端点，以接收来自 Antom 服务端的 notifyPayment，主要内容包括支付结果、支付时间和支付金额等信息。您可以更新支付状态并把这些信息保存到数据库中，以便后续查询。
Server
2
在客户端构建结账页面安装 Antom SDK
通过 CDN 安装 SDK 资源包:
<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 实例并完成基本配置。您可以通过 方法配置 appearance 参数自定义支付界面的视觉样式和布局，包括主题选择、布局配置和 CSS 样式自定义。
Client
渲染 Payment Element 组件
将设置好的 Payment Element 组件渲染到前端页面。
Client
调用 SDK 提交支付
Payment Element 组件渲染完成后，通过调用 方法提交支付，Payment Element 会根据不同支付方式，负责展示二维码、跳转支付方式页面、3DS 认证、回跳商户结果页等流程，同时返回事件码，您可以根据事件码进行差异化处理。
Client