Rumah  >  Artikel  >  hujung hadapan web  >  Bagaimana untuk memanggil pembayaran WeChat dalam uniapp

Bagaimana untuk memanggil pembayaran WeChat dalam uniapp

WBOY
WBOYasal
2023-05-26 13:52:097304semak imbas

Dengan populariti pembayaran mudah alih, pembayaran WeChat semakin digunakan pada peranti mudah alih. Apabila membangunkan beberapa aplikasi mudah alih, banyak pembangun akan menyepadukan fungsi pembayaran WeChat untuk membolehkan pengguna membayar dalam talian. Pembayaran WeChat juga boleh disepadukan ke dalam aplikasi yang dibangunkan berdasarkan uniapp Mari kita lihat cara uniapp memanggil pembayaran WeChat.

1. Mula-mula dapatkan parameter pembayaran WeChat

Sebelum menghubungi pembayaran WeChat, anda perlu mendapatkan maklumat parameter pembayaran WeChat dan menjana nombor pesanan yang unik. Mendapatkan parameter pembayaran WeChat memerlukan panggilan antara muka bahagian belakang Kami menganggap bahawa parameter yang dikembalikan oleh antara muka termasuk parameter berikut:

参数名 类型 说明
appId string 微信开发者平台的appId,用于支付签名验证
nonceStr string 随机字符串,用于支付签名验证
timeStamp string 时间戳,用于支付签名验证
package string 统一下单接口返回的 prepay_id 参数值,用于发起微信支付
signType string 签名类型,目前支持 MD5 和 HMAC-SHA256,默认为 MD5

Selepas mendapatkan parameter ini, bahagian hadapan perlu menghantarnya ke antara muka pembayaran WeChat. .

2. Panggil pembayaran WeChat

Dalam uniapp, untuk memanggil pembayaran WeChat, anda hanya perlu menghubungi API yang disediakan oleh uniapp Kod API adalah seperti berikut:

uni.requestPayment({
    provider: 'wxpay',
    timeStamp: payParams.timeStamp,
    nonceStr: payParams.nonceStr,
    package: payParams.package,
    signType: payParams.signType,
    paySign: payParams.paySign,
    success: function (res) {
        console.log('支付成功');
    },
    fail: function (res) {
        console.log(res);
        console.log('支付失败');
    }
});

Perkara yang perlu diambil perhatian Ya, payParams ialah objek parameter pembayaran, yang telah diperoleh sebelum ini. Di sini anda perlu menghantarnya sebagai parameter kepada fungsi uni.requestPayment(). Selain itu, parameter provider perlu ditetapkan kepada wxpay, menunjukkan penggunaan pembayaran WeChat.

Selepas berjaya memanggil uni.requestPayment(), halaman pembayaran WeChat akan dibuka secara automatik dan pengguna boleh menyelesaikan operasi pembayaran pada halaman ini. Jika pembayaran pengguna berjaya, fungsi panggil balik success akan dicetuskan; jika pembayaran pengguna gagal, fungsi panggil balik fail akan dicetuskan.

3. Pengesahan hasil pembayaran

Selepas pengguna menyelesaikan pembayaran, untuk memastikan keselamatan pembayaran, keputusan pembayaran perlu disahkan. Kaedah pengesahan adalah untuk menghantar antara muka pesanan pertanyaan ke latar belakang untuk mendapatkan status hasil pembayaran.

Cara untuk menghantar permintaan dalam uniapp sangat serupa dengan rangka kerja bahagian hadapan yang lain, jadi saya tidak akan menerangkan butiran di sini. Walau bagaimanapun, perlu diingatkan bahawa nombor pesanan perlu dihantar ke bahagian belakang dalam antara muka pesanan pertanyaan. Bahagian belakang menanyakan status hasil pembayaran melalui nombor pesanan dan mengembalikan hasilnya ke bahagian hadapan. Jika keputusan pembayaran berjaya, ini bermakna pesanan telah dibayar dan pemaju boleh melakukan operasi seterusnya di bahagian hadapan.

Ringkasan:

Melalui langkah di atas, kami boleh menyepadukan fungsi pembayaran WeChat dalam uniapp dengan sangat mudah. Walau bagaimanapun, perlu diingat bahawa WeChat Pay memerlukan pembangun untuk mendaftar dan mengaktifkan terlebih dahulu pada Platform Pembangun WeChat, dan mereka perlu menjana pesanan dan maklumat lain yang berkaitan pada pelayan bahagian belakang mereka sendiri. Dengan maklumat ini, kami boleh melompat ke halaman pembayaran di bahagian hadapan dan mengesahkan hasil pembayaran.

Apabila membangunkan applet atau aplikasi mudah alih WeChat, jika anda perlu menggunakan pembayaran WeChat, anda boleh melaksanakannya mengikut kod rujukan di atas.

Atas ialah kandungan terperinci Bagaimana untuk memanggil pembayaran WeChat dalam uniapp. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn