演示应用程序

为了帮助您了解和检查 Yuno SDK 的工作原理，Yuno 团队提供了 Demo App。它提供了所有 Yuno SDK 的实现示例。因此，如果您在自己的平台上运行某些 SDK 时遇到困难，可以查看 Demo App 中的工作示例。

🚧

连接付款方式

为确保演示应用程序正常运行，请务必通过控制面板将至少一种付款方式连接到您的账户。否则，当您访问演示应用程序时，某些功能将无法使用。如果您不知道如何将付款方式连接到您的账户，请参阅以下内容：

• 连接
• 结账生成器
• 路由

步骤 1：克隆版本库

演示应用程序的所有文件都在GitHub 存储库中。要开始使用，请打开终端，克隆该版本库，然后更改为克隆目录：

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

步骤 2：更新环境变量

首先，您需要提供一些信息，以便正常运行应用程序。创建一个 .env 文件，并根据您的信息定义以下变量：

YUNO_X_ACCOUNT_CODE=your_account_code
YUNO_PUBLIC_API_KEY
YUNO_PRIVATE_SECRET_KEY

您可以找到 account_code, public_api_key和 private_secret_key 在 Yuno 商家控制面板.

步骤 3：启动演示应用程序

在定义了 .env 文件，安装所有依赖项：

> npm install

现在，您可以使用以下命令运行应用程序了：

> npm start

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

http://localhost:YOUR-PORT

如果不更改代码，应用程序将在 http://localhost:8080/ (地方发展）。

您还可以通过添加一个名为 country 到 URL，并使用其中一个国家代码 US, GB, FR, DE, IT, JP, CN.下面的示例定义了访问在 8080 端口上运行的应用程序的 URL，选择的国家是德国：

http://localhost:8080?country=DE

如下图所示，您可以通过访问 URL 找到一个面板，上面有所有 Yuno SDK。选择所需的 SDK，查看其外观和工作方式。

保持更新

请访问更新日志，了解最新的 SDK 更新和版本历史。