NPM パッケージを使用して ZinariPay をアプリケーションと統合する方法

暗号通貨による支払いを Web アプリケーションに統合するのがかつてないほど簡単になりました。 ZinariPay は、開発者が USDT および USDC 支払い機能をシームレスに追加できる堅牢な NPM パッケージを提供します。このガイドでは、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 を取得できます

ステップ 3: トランザクションを開始する

設定が完了したら、トランザクションを開始できるようになります。これは、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 をアプリケーションに統合するのは簡単かつ効率的です。 USDT と USDC、暗号化されたトランザクション、使いやすいメソッドのサポートを備えた ZinariPay は、Web アプリケーションに暗号通貨支払いを追加するための完璧なソリューションです。
詳細については、公式ドキュメントにアクセスして、今すぐ構築を始めてください!

以上がNPM パッケージを使用して ZinariPay をアプリケーションと統合する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。