Heim  >  Artikel  >  Web-Frontend  >  Wie implementiert man die WeChat-Code-Scanning-Zahlungsfunktion in der NodeJS-Umgebung?

Wie implementiert man die WeChat-Code-Scanning-Zahlungsfunktion in der NodeJS-Umgebung?

亚连
亚连Original
2018-06-05 17:18:481550Durchsuche

In diesem Artikel wird anhand von Codebeispielen ausführlich erläutert, wie Sie mit nodejs die WeChat-Scancode-Zahlungsfunktion schreiben. Interessierte Freunde können sich darauf beziehen.

Vorwort

In diesem Artikel werden hauptsächlich die Probleme beschrieben, auf die ich während des WeChat-Scancode-Zahlungsprozesses gestoßen bin, um allen eine Referenz zu geben. Ich hoffe, dass er für Sie hilfreich sein wird.

Entwicklungsumgebung

  • nodejs v8.1.0

  • Egg v1.1.0

Vorbereitung

WeChat public account-appid

WeChat Merchant Account-mch_id

Schlüsselwert (erforderlich für den Signaturalgorithmus, es handelt sich tatsächlich um ein 32-Bit-Passwort, Sie können MD5 verwenden, um eines zu generieren) ( Schlüsseleinstellungspfad: WeChat Merchant Platform (pay.weixin.qq.com)-->Kontoeinstellungen-->API-Sicherheit-->Schlüsseleinstellungen)

QR-Code scannen, um eine einheitliche Bestellung zu bezahlen

Im Folgenden wird der WeChat-Modus 2 verwendet, da er relativ einfach ist

  let MD5 = require('md5'),
    xml2js = require('xml2js'),
    url = "https://api.mch.weixin.qq.com/pay/unifiedorder",// 下单请求地址
    appid = '公众号id',
    mch_id = '微信商户号';
    notify_url = '回调地址',
    out_trade_no = '自己设置的订单号',// 微信会有自己订单号、我们自己的系统需要设置自己的订单号
    total_fee = '订单金额',// 注意,单位为分
    body = '商品简单描述', 
    trade_type = 'NATIVE',// 交易类型,JSAPI--公众号支付、NATIVE--原生扫码支付、APP--app支付
    nonce_str = moment().format('YYYYMMDDHHmmssSSS'),// 随机字符串32位以下
    stringA = `appid=${公众号id}&body=${body}&mch_id=${微信商户号}&nonce_str=${nonce_str}&notify_url=${
    notify_url}&out_trade_no=${out_trade_no}&spbill_create_ip=${ctx.request.ip}&total_fee=${total_fee}&trade_type=${trade_type}`,
    stringSignTemp = stringA + "&key=xxxxxxxxxxxxxxxxx", //注:key为商户平台设置的密钥key
    sign = MD5(stringSignTemp).toUpperCase(); //注:MD5签名方式

Die oben genannten Parameter sind einige Parameter, die wir benötigen

Informationen zum Signaturgenerierungsalgorithmus finden Sie unter WeChat offiziell: https:// zahlen. weixin.qq.com/wiki/doc/api/native.php?chapter=4_3

spbill_create_ip ist die Terminal-IP-Adresse

Lassen Sie uns alle Parameter in XML zusammenfügen

  const formData = "<xml>";
    formData += "<appid>" + appid + "</appid>"; //appid
    formData += "<body>" + body + "</body>"; //商品或支付单简要描述
    formData += "<mch_id>" + mch_id + "</mch_id>"; //商户号
    formData += "<nonce_str>" + nonce_str + "</nonce_str>"; //随机字符串,不长于32位
    formData += "<notify_url>" + notify_url + "</notify_url>"; //支付成功后微信服务器通过POST请求通知这个地址
    formData += "<out_trade_no>" + out_trade_no + "</out_trade_no>"; //订单号
    formData += "<total_fee>" + total_fee + "</total_fee>"; //金额
    formData += "<spbill_create_ip>" + ctx.request.ip + "</spbill_create_ip>"; //ip
    formData += "<trade_type>NATIVE</trade_type>"; //NATIVE会返回code_url ,JSAPI不会返回
    formData += "<sign>" + sign + "</sign>";
    formData += "</xml>";
  // 这里使用了egg里面请求的方式
  const resultData = yield ctx.curl(url, {
      method: &#39;POST&#39;,
      content: formData,
      headers: {
        &#39;content-type&#39;: &#39;text/html&#39;,
      },
    });

  // xml转json格式
  xml2js.parseString(resultData.data, function (err, json) {
    if (err) {
      new Error("解析xml报错")
    } else {
      var result = formMessage(json.xml); // 转换成正常的json 数据
      console.log(result) //打印出返回的结果
    }
  })
  var formMessage = function (result) {
    var message = {};
    if (typeof result === &#39;object&#39;) {
      var keys = Object.keys(result);
      for (var i = 0; i < keys.length; i++) {
        var item = result[keys[i]];
        var key = keys[i];
        if (!(item instanceof Array) || item.length === 0) {
          continue;
        }
        if (item.length === 1) {
          var val = item[0];
          if (typeof val === &#39;object&#39;) {
            message[key] = formMessage(val);
          } else {
            message[key] = (val || &#39;&#39;).trim();
          }
        } else {
          message[key] = [];
          for (var j = 0, k = item.length; j < k; j++) {
            message[key].push(formMessage(itemp[j]));
          }
        }
      }
    }
    return message;
  }

Oben wird die Eieranforderungsmethode verwendet.

var request = require(&#39;request&#39;);
  request({
    url: url,
    method: "POST",
    body: formData
  }, function(error, response, body) {
    if (!error && response.statusCode == 200) {
    }
  });

Wenn die Anforderung erfolgreich ist, wird schließlich eine XML-Datei zurückgegeben, die wir dann in das JSON-Format analysieren eine code_url und out_trade_no darin Wir müssen diese beiden an das Frontend zurückgeben, und dann wird der QR-Code generiert und dem Benutzer angezeigt, um den Code zu scannen und die Zahlung abzuschließen

Überwachen Sie, ob Die Zahlung ist erfolgreich

Nachdem der obige Vorgang abgeschlossen ist, müssen wir wissen, ob der Benutzer die Zahlung abgeschlossen hat, da der Benutzer auf dieser Seite bleibt, müssen wir den Benutzer über die Zahlung informieren ist erfolgreich, nachdem der Benutzer die Zahlung abgeschlossen hat.

Wenn der Benutzer die Zahlung initiiert, generieren wir zunächst einen QR-Code, damit der Benutzer den Code zum Bezahlen scannen kann. Außerdem müssen wir jeden Tag einen Timer einrichten und eine Anfrage senden Hin und wieder muss unser Knotenhintergrund eine Schnittstelle zum Abfragen von Bestellungen schreiben. Zuvor haben wir die Bestellnummer in unserem System erhalten und diese Daten an die Hintergrundschnittstelle zum Abfragen von Bestellungen gesendet. Im Hintergrund wird eine WeChat-Abfrage angefordert. Die Schnittstellenadresse https://api.mch.weixin.qq.com/pay/orderquery ist derselbe wie oben, mit der Ausnahme, dass sich die Schnittstellenadresse von der von WeChat zurückgegebenen XML unterscheidet. Die zurückgegebenen Felder haben den Status ERFOLGREICH und NICHTZAHLUNG. Sie können es an das Frontend zurückgeben, indem Sie beurteilen, ob die Zahlung erfolgreich ist, und den Timer schließen.

Rückrufadresse

Dies ist ein sehr wichtiger Teil. Die meisten Vorgänge können tatsächlich oben ausgeführt werden, es gibt jedoch besondere Umstände, wie z. B. die Trennung des Computers des Benutzers Internet Die Anfrage kann nicht gesendet werden, aber die mobile Zahlung wird durchgeführt, was dazu führt, dass wir die Zahlungsinformationen des Benutzers nicht erfassen. Zu diesem Zeitpunkt ist die Rückrufadresse sehr wichtig

Rückrufadresse festlegen

WeChat Merchant Center->Product Center->Entwicklungskonfiguration->QR scannen Code zum Bezahlen

Was wir danach tun müssen, ist POST im Backend zu verwenden, um die von WeChat gesendeten asynchronen Rückrufinformationen zu empfangen, die ebenfalls im XML-Format vorliegen. Beachten Sie hier, dass der Empfang von XML nicht unterstützt wird kann leere Daten erhalten

Hier ist auch zu beachten, dass wir beim Speichern der Zahlungsinformationen des Benutzers zunächst prüfen müssen, ob die Bestellung bezahlt ist, um wiederholte Vorgänge zu vermeiden, bei denen möglicherweise mehrere Datensätze eingefügt werden

Zusammenfassung

Es gibt immer noch Fallstricke bei der WeChat-Scancode-Zahlung. Wenn Sie zum ersten Mal hier sind, finden Sie hier eine Liste der Dinge, auf die Sie achten müssen

  1. Der Signaturalgorithmus muss korrekt geschrieben sein, sonst funktioniert er nicht, das Spleißen muss korrekt sein

  2. WeChat gibt Daten im XML-Format zurück, wir müssen sie konvertieren Es wird über das Plug-In in JSON umgewandelt, sodass die Daten bequem abgerufen werden können

  3. Die zurückgegebene code_url wird verwendet, um einen QR-Code für das Frontend zu generieren, und dann wird ein Timer benötigt muss eingerichtet werden, um zu überprüfen, ob die Bestellung bezahlt wurde, und schließlich wird der Benutzer über das Ergebnis benachrichtigt

  4. Die Rückrufadresse ist sehr wichtig. Unser Backend muss posten, um den Rückruf zu erhalten Von WeChat zurückgegebene Informationen und anschließendes Speichern der Informationen. Bevor wir jedoch die Zahlungsinformationen des Benutzers speichern, müssen wir wissen, ob die Bestellung gespeichert wurde, um wiederholte Ergänzungen zu vermeiden. Außerdem handelt es sich bei den zurückgegebenen Daten um XML, und das Backend muss sicherstellen, dass sie nicht auf normale Weise empfangen werden können, und es sind zusätzliche Einstellungen erforderlich.

Ich habe das Obige für Sie zusammengestellt und hoffe, dass es Ihnen in Zukunft hilfreich sein wird.

Verwandte Artikel:

Beispiel für die Datengruppierung von v-for in Vue

vue2.0 berechnet berechnet den akkumulierten Wert nach der Liste Schleifenbeispiel

vue.js Beispiel einer verschachtelten Schleife, bei Beurteilung, dynamischem Löschen

Das obige ist der detaillierte Inhalt vonWie implementiert man die WeChat-Code-Scanning-Zahlungsfunktion in der NodeJS-Umgebung?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn