Cara menggunakan Stripe Metode konfirmasiCardSetup, untuk beberapa Elemen. Aplikasi Kasir / Vue Laravel

Cara mengirim input secara terpisah dari stripe, melalui metode konfirmasiCardSetup, karena dokumentasi hanya menerima satu elemen cardElement.

https://stripe.com/docs/js/setup_intents/confirm_card_setup -› dokumentasi .

Saya sedang meneliti di sini, dan situs lain di Internet, dan menemukan komponen ini secara terpisah, namun saat ini, saya sedang mengerjakan upaya token penyiapan yang berasal dari backend, karena saya dapat mengirim semua elemen ini secara terpisah ke titik akhir yang menyediakan saya dengan dokumentasinya.

https://prnt.sc/toyr9n -› Elemen Arus Saya

https://prnt.sc/toyrmt -› Penerapan titik akhir Stripe saya.

Catatan: Bagaimana cara membuat formulir khusus untuk stripe, tanpa harus menggunakan cardElement, atau memanipulasi input secara terpisah.

Saya akan sangat berterima kasih atas tanggapan dan saran Anda.


person TwistCode    schedule 26.07.2020    source sumber


Jawaban (1)


Saat menggunakan elemen terpisah, Stripe.js akan secara otomatis menyimpulkan semua elemen yang dibutuhkan hanya dengan meneruskan satu elemen.

Dalam kasus Anda, Anda cukup meneruskan elemen cardNumber saat mengonfirmasi SetupIntent Anda dan Stripe.js akan menemukan semua elemen lainnya dan mengevaluasinya secara otomatis.

person Paul Asjes    schedule 27.07.2020
comment
Terima kasih, Anda benar, Anda tahu beberapa cara untuk mendapatkan nilai dari bidang yang diisi, adalah dengan menyesuaikan animasi, tetapi karena sudah tertanam dan masuk akal untuk alasan keamanan, saya tidak bisa mendapatkan data ini. - person TwistCode; 27.07.2020
comment
Tidak mungkin mendapatkan konten bidang Elemen berdasarkan desain, karena itu berarti Anda memiliki akses ke data sensitif (Anda tidak memiliki akses adalah inti dari Elemen karena alasan PCI). Hal terbaik yang dapat Anda lakukan adalah mendengarkan acara 'perubahan' untuk melihat apakah masukannya valid atau tidak: stripe.com/docs/js/element/input_validation - person Paul Asjes; 28.07.2020