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

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

PHPz

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

原创

421 人浏览过

将加密货币支付集成到您的网络应用程序中从未如此简单。 ZinariPay 提供了强大的 NPM 包，允许开发人员无缝添加 USDT 和 USDC 支付功能。在本指南中，我们将引导您完成使用 NPM 包将 ZinariPay 集成到您的应用程序中的步骤。

第1步：安装

首先，您需要安装 ZinariPay 软件包。这可以使用npm或yarn来完成，具体取决于您的喜好。

使用 npm
要使用 npm 安装，请在终端中运行以下命令：

npm install zinari-pay

登录后复制

使用纱线
或者，您可以使用yarn来安装包：

yarn add zinari-pay

登录后复制

第2步：配置

安装包后，您需要为您的应用程序配置它。配置涉及使用您的特定设置创建 ZinariPay 实例。

配置示例
这是使用普通 JavaScript 的基本配置示例：

import ZinariPay from 'zinari-pay';

const zinariPay = new ZinariPay({
  appId: 'your-app-id',
  publicKey: 'your-public-key',
  log: process.env.NODE_ENV === 'development', /** Recommendation: Only 
use for development to avoid exposing sensitive data to end users
   */
});

登录后复制

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

第三步：发起交易

配置完成后，您现在可以发起交易。这可以使用 initiateTransaction 方法来完成。

原生 JavaScript 示例
以下是发起交易的方式：

import ZinariPay from 'zinari-pay';

const zinariPay = new ZinariPay({...})

const payWithCryptoButton = document.getElementById("your-payment-button");

payWithCryptoButton.addEventListener("click", () => {
  zinariPay.initiateTransaction({
    amount: 10000,
    notificationEmailAddress: 'users@email.com',
    details: {
      /** Add all the extra details you need here,
       * we  call your webhook url with all this data included */
    },
    onConfirmed: (transactionDetails) => {
      /** Do something when the transaction is confirmed */
    }
  });
});

登录后复制

反应示例
如果您使用 React，您可以按如下方式集成 ZinariPay：

import ZinariPay from 'zinari-pay';

const zinariPay = new ZinariPay({
  appId: 'your-app-id',
  publicKey: 'your-public-key',
  log: process.env.NODE_ENV === 'development',
});

const App = () => {
  const handleClick = useCallback(({price, email}) => {
    zinariPay.initiateTransaction({
      amount: price,
      notificationEmailAddress: email,
      onConfirmed: (transactionDetails) => {
        /** Do something when the transaction is confirmed */
      },
      details: {
        /** Add all the extra details you need here,
         * we  call your webhook url with all this data included */
      },
    });
  }, []);

  return <button onClick={handleClick}>
    Pay with Cryptocurrency
  </button>
}

登录后复制

结论
使用 NPM 包将 ZinariPay 集成到您的应用程序中既简单又高效。 ZinariPay 支持 USDT 和 USDC、加密交易和易于使用的方法，是向您的 Web 应用程序添加加密货币支付的完美解决方案。
如需更多详细信息，请访问官方文档并立即开始构建！

How to Integrate ZinariPay with Your Application Using the NPM Package