UniApp merealisasikan penyepaduan dan penggunaan Alipay dan WeChat Pay

UniApp merealisasikan penyepaduan dan penggunaan Alipay dan WeChat Pay

1 Gambaran Keseluruhan
Alipay dan WeChat Pay ialah dua kaedah pembayaran arus perdana bagi pembayaran mudah alih moden, untuk meningkatkan pengalaman pembayaran pengguna, banyak aplikasi mudah alih telah menyepadukan Alipay dan WeChat Pay fungsi . UniApp ialah rangka kerja pembangunan merentas platform yang boleh membangunkan aplikasi untuk berbilang platform seperti iOS dan Android pada masa yang sama. Artikel ini akan memperkenalkan cara menggunakan UniApp untuk menyepadukan dan menggunakan Alipay dan WeChat Pay, serta memberikan contoh kod yang berkaitan.

2. Cara menyepadukan dan menggunakan pembayaran Alipay

1. Sepadukan SDK pembayaran Alipay
   Tambahkan kod berikut dalam fail manifest.json UniApp untuk memperkenalkan SDK pembayaran Alipay.

{
  "mp-alipay": {
    "useProvider": "wx9d4c461b4a3af8cb"
  }
}

2. Mulakan pembayaran Alipay
   Contoh kod berikut menunjukkan cara memanggil antara muka pembayaran Alipay.

uni.requestPayment({
  provider: 'alipay',
  orderInfo: 'xxxxx', // 通过后台接口生成的支付订单信息
  success: function(res) {
    console.log('支付成功');
  },
  fail: function(err) {
    console.log('支付失败：' + err.errMsg);
  }
});

3. Bagaimana untuk mengintegrasikan dan menggunakan WeChat Pay

1. Daftar untuk WeChat Pay
   Daftar akaun pembangun pada platform terbuka WeChat dan pilih untuk mencipta aplikasi mudah alih. Dapatkan AppID dan AppSecret yang diperlukan untuk pembayaran WeChat.
2. Integrate WeChat Pay SDK
   Tambahkan kod berikut dalam fail manifest.json UniApp untuk memperkenalkan WeChat Pay SDK.

{
  "mp-weixin": {
    "appid": "xxxxx", // 微信支付的AppID
    "useProvider": "wx9d4c461b4a3af8cb"
  }
}

3. Mulakan pembayaran WeChat
   Contoh kod berikut menunjukkan cara menghubungi antara muka pembayaran WeChat.

uni.requestPayment({
  provider: 'wxpay',
  timeStamp: 'xxxxx', // 时间戳
  nonceStr: 'xxxxx', // 随机字符串
  package: 'xxxxx', // 打包参数
  signType: 'xxxxx', // 签名方式
  paySign: 'xxxxx', // 签名
  success: function(res) {
    console.log('支付成功');
  },
  fail: function(err) {
    console.log('支付失败：' + err.errMsg);
  }
});

IV Ringkasan
Artikel ini memperkenalkan penyepaduan dan penggunaan pembayaran Alipay dan WeChat dalam UniApp, dan menyediakan contoh kod yang sepadan. Melalui langkah di atas, pembangun boleh menyepadukan fungsi pembayaran Alipay dan WeChat dengan mudah dalam aplikasi UniApp untuk meningkatkan pengalaman pembayaran pengguna. Pada masa yang sama, pembangun juga boleh menyesuaikan pembangunan antara muka pembayaran mengikut keperluan khusus untuk memenuhi keperluan pembayaran dalam senario yang berbeza.

Atas ialah kandungan terperinci UniApp merealisasikan penyepaduan dan penggunaan Alipay dan WeChat Pay. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!