使用 SDK 创建第一笔Payment

本指南将向您介绍如何使用 Yuno SDK 创建第一笔付款。您将学会

• 设置并运行示例项目
• 使用 SDK 测试付款

通过 Yuno SDK，您可以将支付方法集成到网络应用程序中，并安全地处理支付。按照本指南，您将在 5 分钟内完成首次支付。

第 1 步：安装先决条件

在开始之前，请确保您的系统安装了以下设备：

• Git - 下载项目所需。如果之前未使用过 Git，请按照Git 安装指南进行操作
• Node.js - 运行项目所必需。如果以前未使用过Node.js，请从 Node.js 官方网站下载

步骤 2：下载项目

下载示例项目或克隆GitHub 仓库。该项目包含 Yuno 的 Web SDK 和前端实现示例。

> git clone https://github.com/yuno-payments/yuno-sdk-web.git
> cd yuno-sdk-web

📘

SDK 集成示例

Yuno 提供了一个使用 Web SDK 构建的即用型应用程序。请浏览该项目，了解与 Yuno 集成是多么快速和简单。

步骤 3：设置环境变量

要使用 Yuno API 进行身份验证，您需要在项目中配置您的凭据。请按照以下步骤操作：

1. 打开 .env 根文件夹中的
2. 在仪表板的 "开发人员 "部分添加以下环境变量，并在其中输入证书：
   • ACCOUNT_CODE(将在仪表板中显示为account_id ）。
   • PUBLIC_API_KEY
   • PRIVATE_SECRET_KEY
3. 保存文件

ACCOUNT_CODE
PUBLIC_API_KEY
PRIVATE_SECRET_KEY

第 4 步：运行项目

导航至项目文件夹，运行所需的Node.js 依赖项进行安装：

> npm install

然后，使用以下命令运行项目：

> npm start

要访问正在运行的应用程序，请打开浏览器并转至

http://localhost:8080

(注意：这是一个本地开发 URL，只有在本地运行演示应用程序时才能使用）

步骤 5：首次付款

在浏览器中访问正在运行的项目后，您将看到一个基本的结账页面，显示在 "设置账户"中配置的银行卡支付方式。要成功创建第一笔付款，请执行以下操作

1. 选择银行卡支付选项
2. 输入下面提供的测试卡信息

• 持卡人姓名：哈利-波特
• 卡号：4242 4242 4242 4242
• 有效期：09/29
• CVV: 123

步骤 6：在控制面板中查看付款详情

1. 提交付款后，请等待几秒钟以处理付款
2. 转到仪表板中的付款部分
3. 在列表中找到您的测试付款
4. 点击眼睛图标查看全部付款详情

恭喜您！您已成功使用 Yuno 创建了第一笔付款。查看我们的其他指南，了解有关集成其他功能的更多信息。