So tätigen Sie die Zahlung mit WeChat-Scancode in Uniapp

uniapp ist ein plattformübergreifendes Entwicklungsframework, mit dem iOS-, Android- und Webanwendungen entwickelt werden können. Wenn Sie ein WeChat-Applet oder eine WeChat-Anwendung entwickeln, müssen Sie die WeChat-Zahlungsfunktion hinzufügen. In diesem Artikel wird erläutert, wie Sie die WeChat-Scancode-Zahlung in Uniapp implementieren.

1. Beantragen Sie WeChat Pay

Zunächst müssen Sie sich registrieren und WeChat Pay beantragen. Informationen zum Bewerbungsprozess finden Sie in den offiziellen WeChat Pay-Dokumenten. Nach erfolgreicher Beantragung können Sie verschiedene Zertifikate, Schlüssel und andere für die WeChat-Zahlung notwendige Informationen erhalten.

2. Installieren Sie das Uni-Pay-Plugin

In uniapp müssen Sie das Uni-Pay-Plugin installieren, um die WeChat-Zahlungsfunktion nutzen zu können. Öffnen Sie HBuildX, wählen Sie den Plug-in-Markt aus, suchen Sie und wählen Sie das zu installierende Uni-Pay-Plug-in aus.

3. Erstellen Sie eine Zahlungsanforderung

Fügen Sie auf der Seite, auf der die Zahlung erforderlich ist, eine Zahlungsschaltfläche hinzu. Wenn Sie auf die Zahlungsschaltfläche klicken, wird eine Anforderung an den Server gesendet, die Zahlungsparameter werden abgerufen und der Zahlungs-QR-Code generiert und auf der Seite angezeigt. Das Codebeispiel lautet wie folgt:

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. Benachrichtigung über das Zahlungsergebnis

Wenn der Benutzer den Zahlungs-QR-Code scannt und die Zahlung abschließt, erhält er oder sie eine Benachrichtigung über das Zahlungsergebnis. Auf der Serverseite ist es notwendig, eine Schnittstelle zum Empfang von Zahlungsergebnisbenachrichtigungen zu entwickeln, die Gültigkeit der empfangenen Benachrichtigungen zu überprüfen und den Bestellstatus zu aktualisieren. Das Codebeispiel lautet wie folgt:

$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. Zusammenfassung

Das Obige ist der grundlegende Prozess zur Implementierung der WeChat-Scancode-Zahlung in Uniapp. Es ist zu beachten, dass es sich bei der WeChat-Zahlungsschnittstelle um vertrauliche Informationen handelt, weshalb bei der Entwicklung auf Datensicherheit geachtet werden muss. Um Probleme wie wiederholte Übermittlungen zu vermeiden, muss der Zahlungsseite eine Verarbeitungslogik hinzugefügt werden. Mit den oben genannten Schritten können Entwickler die WeChat-QR-Code-Zahlungsfunktion schnell und einfach in Uniapp implementieren.

Das obige ist der detaillierte Inhalt vonSo tätigen Sie die Zahlung mit WeChat-Scancode in Uniapp. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!