Comment intégrer ZinariPay à votre application à l'aide du package NPM

L'intégration des paiements en crypto-monnaie dans votre application Web n'a jamais été aussi simple. ZinariPay propose un package NPM robuste qui permet aux développeurs d'ajouter de manière transparente des fonctionnalités de paiement USDT et USDC. Dans ce guide, nous vous guiderons à travers les étapes pour intégrer ZinariPay dans votre application à l'aide du package NPM.

Étape 1 : Installation

Tout d'abord, vous devrez installer le package ZinariPay. Cela peut être fait en utilisant du npm ou du fil, selon vos préférences.

Utiliser npm
Pour installer à l'aide de npm, exécutez la commande suivante dans votre terminal :

npm install zinari-pay

Utiliser du fil
Alternativement, vous pouvez utiliser du fil pour installer le package :

yarn add zinari-pay

Étape 2 : Configuration

Une fois le package installé, vous devez le configurer pour votre application. La configuration consiste à créer une instance de ZinariPay avec vos paramètres spécifiques.

Exemple de configuration
Voici un exemple de configuration de base utilisant Vanilla 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
   */
});

Vous pouvez obtenir votre appId et votre publicKey à partir de votre tableau de bord

Étape 3 : initier une transaction

Une fois votre configuration configurée, vous pouvez désormais initier une transaction. Cela peut être fait en utilisant la méthode initiateTransaction.

Exemple JavaScript Vanille
Voici comment initier une transaction :

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 */
    }
  });
});

Exemple de réaction
Si vous utilisez React, vous pouvez intégrer ZinariPay comme suit :

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>
}

Conclusion
L'intégration de ZinariPay dans votre application à l'aide du package NPM est simple et efficace. Avec la prise en charge de l'USDT et de l'USDC, des transactions cryptées et des méthodes faciles à utiliser, ZinariPay est la solution parfaite pour ajouter des paiements en crypto-monnaie à votre application Web.
Pour des informations plus détaillées, visitez la documentation officielle et commencez à construire dès aujourd'hui !

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!