Panduan Integrasi Payment Gateway Mitrans

Sep 16, 2024

Catatan Kuliah tentang Payment Gateway Mitrans

Pendahuluan

  • Video ini ditujukan untuk yang ingin mencoba Payment Gateway untuk pertama kalinya.
  • Menggunakan platform Mitrans untuk integrasi Payment Gateway ke dalam proyek, seperti website.
  • Mitrans dapat digunakan oleh non-developer tanpa perlu coding.

Apa itu Mitrans?

  • Payment Gateway sebagai jembatan antara sistem kita dan berbagai bank di Indonesia.
  • Dikenal karena dokumentasi yang lengkap dan mudah dipahami.
  • Menawarkan lebih dari 25 metode pembayaran, seperti transfer bank dan e-wallet.

Metode Implementasi Mitrans

  1. Snap

    • Terdiri dari beberapa opsi:
      • Snap Seamless Pop-up
      • Snap Embed
      • Snap Redirect
    • Snap Seamless Pop-up: Membuat proses checkout lebih mulus tanpa mengalihkan pengguna ke halaman lain.
  2. Payment Link

    • Metode sederhana untuk mengarahkan pelanggan ke halaman pembayaran.
    • Dapat dibagikan melalui berbagai platform.

Pengaturan Awal

  • Mendaftar di Mitrans untuk mendapatkan kredensial.
  • Menggunakan framework Next.js versi 13.
  • Persyaratan instalasi:
    • Node.js (versi 18 LTS)
    • Text Editor (VS Code)
    • Ngrok untuk port forwarding.

Pengaturan Proyek

  • Menginstal dependensi proyek dengan npm install dan menjalankan npm run dev untuk memulai server.
  • Konfigurasi file .env untuk menyimpan kredensial Mitrans (client key dan server key).

Integrasi Payment Gateway Mitrans

Penggunaan Snap

  1. Mendapatkan Token

    • Kirim data minimal: server key, order ID, dan gross amount ke Mitrans untuk mendapatkan token.
    • Gunakan library dari Mitrans untuk memudahkan pemanggilan API.
  2. Munculkan Payment Snap

    • Menggunakan window.snap.pay dengan token yang didapat untuk menampilkan pop-up pembayaran.

Penggunaan Payment Link

  1. Pembuatan Payment Link

    • Menggunakan API Mitrans untuk membuat payment link dengan mengirimkan item details dan transaction details.
    • Respon dari API akan mengembalikan order ID dan payment URL.
  2. Menampilkan Link di Halaman

    • Setelah mendapatkan payment URL, tampilkan link tersebut untuk diakses pengguna.

Kesimpulan

  • Penggunaan Mitrans cukup mudah dengan dokumentasi yang lengkap.
  • Penting untuk memahami aspek keamanan dan praktik terbaik saat menggunakan Payment Gateway.

Penutup

  • Saran untuk mempelajari lebih lanjut dari dokumentasi Mitrans.
  • Terima kasih telah menonton, semoga bermanfaat.