Cara membuat pembayaran kod imbasan WeChat dalam uniapp

uniapp ialah rangka kerja pembangunan merentas platform yang boleh digunakan untuk membangunkan aplikasi iOS, Android dan Web. Apabila membangunkan applet atau aplikasi WeChat, anda perlu menambah fungsi pembayaran WeChat. Artikel ini akan memperkenalkan cara melaksanakan pembayaran kod imbasan WeChat dalam uniapp.

1. Mohon pembayaran WeChat

Pertama, anda perlu mendaftar dan memohon pembayaran WeChat Untuk proses permohonan, sila rujuk dokumen pembayaran WeChat. Selepas permohonan berjaya, anda boleh mendapatkan pelbagai sijil, kunci dan maklumat lain yang diperlukan untuk pembayaran WeChat.

2. Pasang pemalam uni-pay

Dalam uniapp, anda perlu memasang pemalam uni-pay untuk menggunakan fungsi pembayaran WeChat. Buka HBuildX, pilih pasaran pemalam, cari dan pilih pemalam uni-pay untuk dipasang.

3. Buat permintaan pembayaran

Pada halaman yang memerlukan pembayaran, tambah butang pembayaran Apabila butang pembayaran diklik, permintaan dihantar ke pelayan, parameter pembayaran adalah diperoleh, kod QR pembayaran dijana dan dipaparkan pada halaman. Contoh kod adalah seperti berikut:

uni.request({
  url: 'https://api.example.com/pay.php',
  data: {
    // 微信支付必需参数
    appid: 'wx8888888888888888', // 公众账号ID
    mch_id: '1900007811', // 商户号
    body: '商品名称', // 商品描述
    out_trade_no: '202001010101', // 商户订单号
    total_fee: 88, // 总金额
    spbill_create_ip: '127.0.0.1', // 终端IP
    notify_url: 'https://api.example.com/notify.php', // 通知地址
    trade_type: 'NATIVE' // 交易类型
  },
  success: function(res) {
    // 生成二维码
    let imageUrl = res.data.code_url;
    // 将imageUrl放到<image src="{{ imageUrl }}"></image> 标签中
  }
})

4. Pemberitahuan hasil pembayaran

Apabila pengguna mengimbas kod QR pembayaran dan menyelesaikan pembayaran, dia akan menerima pemberitahuan hasil pembayaran. Di bahagian pelayan, adalah perlu untuk membangunkan antara muka untuk menerima pemberitahuan hasil pembayaran, mengesahkan kesahihan pemberitahuan yang diterima, dan mengemas kini status pesanan. Contoh kod adalah seperti berikut:

$input_data = file_get_contents("php://input");
$data = json_decode($input_data, true);
if (isset($data['transaction_id'])) {
  // 支付成功
  // 更新订单状态
  // 返回通知
  echo json_encode([
    'return_code' => 'SUCCESS',
    'return_msg' => 'OK'
  ]);
} else {
  // 支付失败
}

5 Ringkasan

Di atas adalah proses asas untuk melaksanakan pembayaran kod imbasan WeChat dalam uniapp. Perlu diingatkan bahawa antara muka pembayaran WeChat melibatkan maklumat sensitif, jadi keselamatan data perlu dipastikan semasa pembangunan. Untuk mengelakkan masalah seperti penyerahan berulang, beberapa logik pemprosesan perlu ditambahkan pada halaman pembayaran. Melalui langkah di atas, pembangun boleh dengan cepat dan mudah melaksanakan fungsi pembayaran kod QR WeChat dalam uniapp.

Atas ialah kandungan terperinci Cara membuat pembayaran kod imbasan WeChat dalam uniapp. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!