Maison > interface Web > js tutoriel > Comment intégrer ZinariPay à votre application à l'aide du CDN

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

PHPz
Libérer: 2024-09-04 20:30:30
original
1195 Les gens l'ont consulté

Si vous recherchez un moyen rapide et simple d’intégrer les paiements en crypto-monnaie dans votre application Web, l’option CDN de ZinariPay est la solution parfaite. Sans avoir besoin d'installer de package, vous pouvez commencer à accepter les paiements USDT et USDC en incluant simplement une balise de script dans votre fichier HTML.

Étape 1 : Installation

L'intégration de ZinariPay via CDN est aussi simple que d'ajouter une balise de script à votre fichier HTML. Voici comment procéder.

<script src="https://cdn.jsdelivr.net/npm/zinari-pay/dist/zinari-pay-cdn-bundle.umd.js"></script>
Copier après la connexion

Vous pouvez également utiliser UNPKG comme alternative :

<script src="https://unpkg.com/zinari-pay/dist/zinari-pay-cdn-bundle.umd.js"></script>
Copier après la connexion

Ce script chargera la bibliothèque ZinariPay directement dans votre application, vous permettant de commencer à configurer et à lancer des transactions immédiatement.

Étape 2 : Créer une nouvelle instance

Après avoir inclus le script, vous devrez créer une nouvelle instance de l'objet ZinariPay. C'est ici que vous configurerez vos options de paiement, telles que publicKey et appId.

Exemple de configuration

Voici un exemple simple de création d'une nouvelle instance :




    
    
    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>
Copier après la connexion

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

Étape 3 : initier une transaction

Une fois votre instance configurée, vous pouvez lancer une transaction. Cela peut être fait en appelant la méthode initiateTransaction sur votre instance ZinariPay.

Exemple d'initiation de transaction

// 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);
  },
});
Copier après la connexion

Dans cet exemple, l'initiation de la transaction est liée à un événement de clic sur un bouton. Lorsque l'utilisateur clique sur le bouton « Payer avec ZinariPay », le processus de transaction commence.

Conclusion

L'intégration de ZinariPay à l'aide du CDN est un moyen simple de commencer à accepter les paiements en crypto-monnaie sur votre site Web. Avec seulement quelques lignes de code, vous pouvez offrir à vos utilisateurs la possibilité de payer en USDT ou USDC, tout en profitant de la sécurité et de la commodité du traitement des transactions cryptées de ZinariPay.

Pour plus d'informations, visitez notre documentation officielle et commencez à intégrer ZinariPay dès aujourd'hui !

How to Integrate ZinariPay with Your Application Using the CDN
How to Integrate ZinariPay with Your Application Using the CDN
How to Integrate ZinariPay with Your Application Using the CDN
How to Integrate ZinariPay with Your Application Using the CDN
How to Integrate ZinariPay with Your Application Using the CDN

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!

source:dev.to
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal