Terima pembayaran Alipay

Pelajari cara menerima pembayaran Alipay, dompet digital yang populer di kalangan pelanggan dari Tiongkok.

Web

Seluler

Alipay adalah metode pembayaran sekali pakai yang mengharuskan pelanggan untuk mengautentikasi pembayarannya Pelanggan membayar dengan mengalihkan dari situs web atau aplikasi Anda, mengotorisasi pembayaran melalui Alipay, kemudian kembali ke situs web atau aplikasi di mana Anda mendapatkan notifikasi langsung mengenai jika pembayaran berhasil atau gagal.

Siapkan Stripe
Sisi server

Pertama, Anda membutuhkan akun Stripe. Daftar sekarang.

Gunakan pustaka resmi kami untuk mendapatkan akses ke API Stripe dari aplikasi Anda:

Buat PaymentIntent
Sisi server

PaymentIntent adalah objek yang mewakili maksud Anda untuk menagih pembayaran dari pelanggan dan melacak siklus proses pembayaran. Buat PaymentIntent pada server Anda dan tentukan jumlah yang akan dikumpulkan beserta mata uang yang didukung. Jika Anda sudah memiliki integrasi Payment Intents yang ada, tambahkan alipay ke daftar tipe metode pembayaran.

Ambil client secret

PaymentIntent menyertakan client secret yang digunakan pada sisi client untuk menyelesaian proses pembayaran dengan aman. Anda dapat menggunakan pendekatan berbeda untuk meneruskan client secret ke sisi client.

Ambil client secret dari endpoint pada server Anda, menggunakan fungsi fetch browser. Pendekatan ini paling baik jika sisi client Anda adalah aplikasi satu halaman, terutama yang dibangun dengan kerangka kerja frontend modern seperti React. Buat endpoint server yang melayani client secret:

Kemudian ambil client secret dengan JavaScript pada sisi client:

(async () => {
  const response = await fetch('/secret');
  const {client_secret: clientSecret} = await response.json();
  // Render the form using the clientSecret
})();

Alihkan ke Dompet Alipay
Sisi client

Bila pelanggan mengklik untuk membayar dengan Alipay, gunakan Stripe.js untuk menyerahkan pembayaran kepada Stripe. Stripe.js adalah pustaka dasar JavaScript untuk membangun alur pembayaran. Ini menangani kompleksitas secara otomatis seperti pengarah ulang yang dijelaskan di bawah, dan memungkinkan Anda memperluas integrasi ke metode pembayaran lain. Sertakan skrip Stripe.js di halaman checkout dengan menambahkannya ke head file HTML Anda.

checkout.html
<head>
  <title>Checkout</title>
  <script src="https://js.stripe.com/basil/stripe.js"></script>
</head>

Buat instance Stripe.js dengan JavaScript berikut di halaman checkout Anda.

client.js
// Set your publishable key. Remember to change this to your live publishable key in production!
// See your keys here: https://dashboard.stripe.com/apikeys
const stripe = Stripe('pk_test_TYooMQauvdEDq54NiTphI7jx'
);

Gunakan client secret PaymentIntent dan panggil stripe.confirmAlipayPayment untuk menangani pengalihan Alipay. Tambahkan return_url untuk menentukan ke mana Stripe mengalihkan pelanggan setelah menyelesaikan pembayaran.

client.js
const form = document.getElementById('payment-form');

form.addEventListener('submit', async function(event) {
  event.preventDefault();

  // Set the clientSecret of the PaymentIntent
  const { error } = await stripe.confirmAlipayPayment(clientSecret, {
    // Return URL where the customer should be redirected after the authorization
    return_url: `${window.location.href}`,
  });

  if (error) {
    // Inform the customer that there was an error.
    const errorElement = document.getElementById('error-message');
    errorElement.textContent = error.message;
  }
});

return_url sesuai dengan halaman di situs web Anda yang menampilkan hasil pembayaran. Anda dapat menentukan apa yang akan ditampilkan dengan memverifikasi status PaymentIntent. Untuk memverifikasi status, pengalihan Stripe ke return_url menyertakan parameter query URL berikut. Anda juga dapat menambahkan parameter query sendiri ke return_url. Parameter tersebut tetap ada selama proses pengalihan.

Parameter	Keterangan
`payment_intent`	Identifier unik untuk `PaymentIntent`.
`payment_intent_client_secret`	client secret dari objek `PaymentIntent`.

OpsionalTangani pengalihan secara manual
Sisi server

OpsionalTangani kejadian pascapembayaran

Mata uang yang didukung

Anda dapat melakukan pembayaran Alipay dalam mata uang yang memetakan ke negara Anda. Mata uang lokal default untuk Alipay adalah cny dan pelanggan juga melihat jumlah pembelian mereka dalam cny.

Mata uang	Negara
`cny`	Sembarang negara
`aud`	Australia
`cad`	Kanada
`eur`	Austria, Belgia, Bulgaria, Siprus, Republik Ceko, Denmark, Estonia, Finlandia, Prancis, Jerman, Yunani, Irlandia, Italia, Latvia, Lituania, Luksemburg, Malta, Belanda, Norwegia, Portugal, Romania, Slovakia, Slovenia, Spanyol, Swedia, Swiss
`gbp`	Inggris
`hkd`	Hong Kong
`jpy`	Jepang
`myr`	Malaysia
`nzd`	Selandia Baru
`sgd`	Singapura
`usd`	Amerika Serikat

Jika Anda memiliki rekening bank dalam mata uang lain dan ingin melakukan pembayaran Alipay dalam mata uang itu, Anda dapat menghubungi dukungan. Dukungan untuk mata uang tambahan diberikan berdasarkan kasus setiap kasusnya.

Terima pembayaran Alipay

Pelajari cara menerima pembayaran Alipay, dompet digital yang populer di kalangan pelanggan dari Tiongkok.

Siapkan StripeSisi server

Buat PaymentIntentSisi server