Cara Mengintegrasikan ZinariPay dengan Aplikasi Anda Menggunakan Pakej NPM

Mengintegrasikan pembayaran mata wang kripto ke dalam aplikasi web anda tidak pernah semudah ini. ZinariPay menawarkan pakej NPM yang mantap yang membolehkan pembangun menambahkan fungsi pembayaran USDT dan USDC dengan lancar. Dalam panduan ini, kami akan membimbing anda melalui langkah-langkah untuk menyepadukan ZinariPay ke dalam aplikasi anda menggunakan pakej NPM.

Langkah 1: Pemasangan

Pertama, anda perlu memasang pakej ZinariPay. Ini boleh dilakukan sama ada menggunakan npm atau benang, bergantung pada pilihan anda.

Menggunakan npm
Untuk memasang menggunakan npm, jalankan arahan berikut dalam terminal anda:

npm install zinari-pay

Menggunakan benang
Sebagai alternatif, anda boleh menggunakan benang untuk memasang pakej:

yarn add zinari-pay

Langkah 2: Konfigurasi

Setelah pakej dipasang, anda perlu mengkonfigurasinya untuk aplikasi anda. Konfigurasi melibatkan mencipta tika ZinariPay dengan tetapan khusus anda.

Contoh Konfigurasi
Berikut ialah contoh konfigurasi asas menggunakan JavaScript vanila:

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

Anda boleh mendapatkan appId dan publicKey daripada papan pemuka anda

Langkah 3: Mulakan Transaksi

Dengan persediaan konfigurasi anda, anda kini boleh memulakan transaksi. Ini boleh dilakukan menggunakan kaedah initiateTransaction.

Contoh JavaScript Vanila
Begini cara anda memulakan transaksi:

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

Contoh Reaksi
Jika anda menggunakan React, anda boleh menyepadukan ZinariPay seperti berikut:

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

Kesimpulan
Mengintegrasikan ZinariPay ke dalam aplikasi anda menggunakan pakej NPM adalah mudah dan cekap. Dengan sokongan untuk USDT dan USDC, transaksi yang disulitkan dan kaedah yang mudah digunakan, ZinariPay ialah penyelesaian yang sempurna untuk menambahkan pembayaran mata wang kripto pada aplikasi web anda.
Untuk maklumat lebih terperinci, lawati dokumentasi rasmi dan mula membina hari ini!

Atas ialah kandungan terperinci Cara Mengintegrasikan ZinariPay dengan Aplikasi Anda Menggunakan Pakej NPM. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!