如何使用 CDN 将 ZinariPay 与您的应用程序集成-js教程-PHP中文网

如何使用 CDN 将 ZinariPay 与您的应用程序集成

PHPz

发布： 2024-09-04 20:30:30

原创

1193 人浏览过

如果您正在寻找一种快速、简单的方法将加密货币支付集成到您的网络应用程序中，ZinariPay 的 CDN 选项是完美的解决方案。无需安装任何软件包，您只需在 HTML 文件中包含脚本标签即可开始接受 USDT 和 USDC 付款。

第1步：安装

通过 CDN 集成 ZinariPay 就像在 HTML 文件中添加脚本标签一样简单。具体方法如下。

<script src="https://cdn.jsdelivr.net/npm/zinari-pay/dist/zinari-pay-cdn-bundle.umd.js"></script>

登录后复制

您还可以使用 UNPKG 作为替代方案：

<script src="https://unpkg.com/zinari-pay/dist/zinari-pay-cdn-bundle.umd.js"></script>

登录后复制

此脚本会将 ZinariPay 库直接加载到您的应用程序中，以便您立即开始配置和启动交易。

第2步：创建一个新实例

包含脚本后，您需要创建 ZinariPay 对象的新实例。您可以在此处配置付款选项，例如 publicKey 和 appId。

配置示例

以下是如何创建新实例的基本示例：




    
    
    Zinari Pay Integration






<script src="https://cdn.jsdelivr.net/npm/zinari-pay/dist/zinari-pay-cdn-bundle.umd.js"></script>
<script>
    // Create a new instance of ZinariPay
    window.zinariPay = new ZinariPay({
        appId: 'your-app-id',
        publicKey: 'your-public-key',
    });
</script>

登录后复制

您可以从仪表板获取publicKey 和appId。

第三步：发起交易

实例配置完成后，您就可以发起交易。这可以通过调用 ZinariPay 实例上的itiateTransaction 方法来完成。

交易发起示例

// Access the ZinariPay instance
const zinariPayInstance = window.zinariPay;

// Example: Initiate a transaction
zinariPayInstance.initiateTransaction({
  amount: 100,
  details: {orderId: '#1234', description: 'Purchase Order #1234'},
  onConfirmed: (response) => {
    console.log('Transaction Confirmed:', response);
  },
});

登录后复制

在此示例中，事务启动与按钮单击事件相关联。当用户点击“Pay with ZinariPay”按钮时，交易过程开始。