In diesem Artikel wird hauptsächlich die Entwicklung der öffentlichen WeChat-Kontozahlung von nodejs im Detail vorgestellt, die einen gewissen Referenzwert hat. Interessierte Freunde können sich auf
Entwicklung der öffentlichen WeChat-Kontofunktion von odeJs beziehen, mobile H5 Die Seite ruft die Zahlungsfunktion von WeChat auf . In den letzten Tagen wurden Node- und H5-Seiten verwendet, um die Zahlungsfunktion von WeChat entsprechend den Anforderungen des Unternehmens aufzurufen und die Zahlungsanforderungen zu erfüllen. Lassen Sie uns nun den Entwicklungsprozess noch einmal durchgehen, um mehr Entwicklern zu helfen, die Entwicklung der WeChat-Zahlungsfunktionen erfolgreich abzuschließen. (WeChat bietet noch keine Knotenzahlungsfunktion)
1. CODE anfordern
Der Zweck der Codeanforderung besteht darin, die OpenID des Benutzers zu erhalten (die relative des Benutzers zur aktuellen). öffentliches Konto (Eindeutige Kennung) und access_token, angeforderte API: open.weixin.qq.com/connect/oauth2/authorize?appid=APPID&redirect_uri=REDIRECT_URI&response_type= code&scope=snsapi_userinfo&state =STATE#wechat_redirect
Diese API muss auf mehrere Parameter achten:
1. Die App-ID des offiziellen Kontos ist im offiziellen Konto zu sehen
2. Redirect_uri Angepasste WeChat-Rückrufadresse. WeChat springt zur Adresse der Redirect_uri, die Sie definiert haben, nachdem Sie die oben genannte Adresse angefordert haben. Für die Redirect_url ist hier **url_encode** *php* erforderlich * *encodeURLComponent(url)** Kodierung
3. Antworttyp=Code, dazu gibt es nichts zu sagen, es handelt sich um einen festen Antworttyp=Code. Detaillierte Anweisungen finden Sie auf der offiziellen WeChat-Website
4. Scope=snsapi_userinfo, schreiben Sie es einfach so, für detaillierte Anweisungen können Sie die Anweisungen auf der offiziellen WeChat-Website überprüfen
5. Schreiben Sie es einfach so, für detaillierte Anweisungen können Sie die Anweisungen überprüfen auf der offiziellen WeChat-Website
6. wechat_redirect, schreiben Sie es einfach so. Detaillierte Anweisungen finden Sie auf der offiziellen WeChat-Website. Hinweis
ps: Offizieller Website-Link:
2. Erhalten Sie access_token über Code, openid
Der Wert des Codes wurde im ersten Schritt abgerufen. Im nächsten Schritt müssen Sie den Wert von access_token und openid über den Code abrufen. Die angeforderte API
API api.weixin.qq.com/sns/oauth2/access_token?appid=APPID&secret=SECRET&code=CODE&grant_type=authorization_code
Parameterbeschreibung der API hier:
1 ID des öffentlichen WeChat-Kontos, erhalten aus dem Hintergrund des öffentlichen WeChat-Kontos
2. Geheimer Schlüssel des öffentlichen WeChat-Kontos, erhalten aus dem Hintergrund des öffentlichen WeChat-Kontos
3, der erste Schritt besteht darin, den verwendeten Code zu erhalten
4 . Korrigieren Sie einfach grant_type=authorization_code
3. Rufen Sie die Schnittstelle
access_token auf, das für nachfolgende Funktionen verwendet werden kann Siehe das offizielle Beispiel:
open.weixin.qq.com/cgi-bin/showdocument?action=dir_list&t =resource/res_list&verify=1&id=open1419316518&lang=zh_CN
4 auf der Webseite
Wenn Sie das sehen, haben Sie das Gefühl, dass es fast vorbei ist, solange die Webseite die WeChat-Zahlungsfunktion aufruft? Nein, nicht einmal schließenÖffnen Sie die H5-Webseite im WeChat-Browser und führen Sie JS aus, um die Zahlung zu aktivieren. Das Eingabe- und Ausgabedatenformat der Schnittstelle ist
JSON. Hinweis: Das in WeixinJSBridge integrierte
-Objekt ist in anderen Browsern nicht gültig. Der Beispielcode lautet wie folgt:
function onBridgeReady(){
WeixinJSBridge.invoke(
'getBrandWCPayRequest', {
"appId" ： "wx2421b1c4370ec43b", //公众号名称，由商户传入
"timeStamp"：" 1395712654", //时间戳，自1970年以来的秒数
"nonceStr" ： "e61463f8efa94090b1f366cccfbbb444", //随机串
"package" ： "prepay_id=u802345jgfjsdfgsdg888",
"signType" ： "MD5", //微信签名方式：
"paySign" ： "70EA570631E4BB79628FBCA90534C63FF7FADD89" //微信签名
},
function(res){
if(res.err_msg == "get_brand_wcpay_request：ok" ) {} // 使用以上方式判断前端返回,微信团队郑重提示：res.err_msg将在用户支付成功后返回 ok，但并不保证它绝对可靠。
}
);
}
if (typeof WeixinJSBridge == "undefined"){
if( document.addEventListener ){
document.addEventListener('WeixinJSBridgeReady', onBridgeReady, false);
}else if (document.attachEvent){
document.attachEvent('WeixinJSBridgeReady', onBridgeReady);
document.attachEvent('onWeixinJSBridgeReady', onBridgeReady);
}
}else{
onBridgeReady();
}{
"appId" ： "wx2421b1c4370ec43b", //公众号名称，由商户传入
"timeStamp"：" 1395712654", //时间戳，自1970年以来的秒数
"nonceStr" ： "e61463f8efa94090b1f366cccfbbb444", //随机串
"package" ： "prepay_id=u802345jgfjsdfgsdg888",
"signType" ： "MD5", //微信签名方式：
"paySign" ： "70EA570631E4BB79628FBCA90534C63FF7FADD89" //微信签名
}Parameterbeschreibung:
1. appId // Offizieller Kontoname, vom Händler übergeben 2. timeStamp // Zeitstempel, Anzahl der Sekunden seit 1970 Hier ist besondere Aufmerksamkeit erforderlich , es muss sein
Das Zeitstempelformat der Zeichenfolge bedeutet, dass es sich um ein Anführungszeichen handeln muss32-Bit-Zufallszeichenfolge, Methode wird später bereitgestellt
4. /WeChat-Signaturmethode: MD5
5. paySign //Melden Sie sich bei WeChat an und sagen Sie dann
6. //Das ist das Wichtigste, wo haben Sie die Zahlung erhalten? Nächste.
ps: Offizielle Website-Schnittstellenbeschreibung
pay.weixin.qq.com/wiki/doc/api/jsapi.php?chapter=7_7&index=6
5. Holen Sie sich das Paket, Holen Sie sich prepay_id von der einheitlichen Bestellschnittstelle von WeChat
Offizielle API:
api.mch.weixin.qq.com/pay/unifiedordäh
请求参数一堆， 但是有一些不是必须的，下面是必须参数
{
appid : APPID,
attach : ATTACH,
body : BODY,
mch_id : MCH_ID,
nonce_str: NONCE_STR,
notify_url : NOTIFY_URL,// 微信付款后的回调地址
openid : OPENID,
out_trade_no : OUT_TRADE_NO ,//new Date().getTime(), //订单号
spbill_create_ip : SPBILL_CREATE_IP , //客户端的 ip
total_fee : TOTAL_FEE, //商品的价格， 此处需要注意的是这个价格是以分算的， 那么一般是元， 你需要转换为 RMB 的元
trade_type : 'JSAPI',
}微信的统一下单接口要求传递的是 xml 的数据， 而且数据还需要签名， 那么首先吧数据签名。
签名规则可以参考微信给出的签名规则（签名方法一会给出）
微信官方签名规则：
pay.weixin.qq.com/wiki/doc/api/jsapi.php?chapter=4_3
生成签名后需要吧数据组装为xml 的格式：
var body = '<xml> ' + '<appid>'+config.wxappid+'</appid> ' + '<attach>'+obj.attach+'</attach> ' + '<body>'+obj.body+'</body> ' + '<mch_id>'+config.mch_id+'</mch_id> ' + '<nonce_str>'+obj.nonce_str+'</nonce_str> ' + '<notify_url>'+obj.notify_url+'</notify_url>' + '<openid>'+obj.openid+'</openid> ' + '<out_trade_no>'+obj.out_trade_no+'</out_trade_no>'+ '<spbill_create_ip>'+obj.spbill_create_ip+'</spbill_create_ip> ' + '<total_fee>'+obj.total_fee+'</total_fee> ' + '<trade_type>'+obj.trade_type+'</trade_type> ' + '<sign>'+obj.sign+'</sign> ' + // 此处必带签名， 否者微信在验证数据的时候是不通过的 '</xml>';
接下来就是请求 api 获取prepay_id的值了， 将上面得到的 xml 数据请求下面的 api 发送给微信， 微信验证数据没问题后会放回你想要的值。
api ： api.mch.weixin.qq.com/pay/unifiedorder
六. 获取到了prepay_id是不是就可以在 h5 段直接调用微信的支付了么？ 答案是还不可以。
获取到了prepay_id那么现在h5 呼起微信的支付功能的参数是这样的：
{
"appId" ： "wx2421b1c4370ec43b", //公众号名称，由商户传入
"timeStamp"：" 1395712654", //时间戳，自1970年以来的秒数
"nonceStr" ： "e61463f8efa94090b1f366cccfbbb444", //随机串
"package" ： "prepay_id=u802345jgfjsdfgsdg888",
"signType" ： "MD5", //微信签名方式：
}有了这样的参数， 那么你还需要吧所有参与的参数做签名。签名规跟上面的一样，生成了签名后需要吧签名的参数 paySign 赋给h5 呼起微信的支付功能的参数（也就是微信的签名不参与签名的生成）
最后的参数是这样子的：
{
"appId" ： "wx2421b1c4370ec43b", //公众号名称，由商户传入
"timeStamp"：" 1395712654", //时间戳，自1970年以来的秒数
"nonceStr" ： "e61463f8efa94090b1f366cccfbbb444", //随机串
"package" ： "prepay_id=u802345jgfjsdfgsdg888",
"signType" ： "MD5", //微信签名方式：
"paySign" ： "70EA570631E4BB79628FBCA90534C63FF7FADD89" //微信签名
}如果你的各个环节都没有问题， 那么得到了这样参数后你就可以正常的调用起微信的支付功能， 跟原生的功能是没有任何的差别的，（估计你现在的心里也特高兴吧， 没有 app 竟然可以使用 app 的功能，就是这么的神奇）。
七.支付完成的回调
微信支付完了后会在 h5 页面的微信支付的回调函数里面放回值，
res.err_msg == "get_brand_wcpay_request：ok" ，这样就是成功了， 但是不是就完事儿了呢 ？ 也不是，为什么呢？ 微信真的收到钱了么？ 收到的钱是不是你传递给微信的值呢 ？你还需要将支付的结果写数据库什么的，这些都是未知。还记的在统一下单接口中有个必须参数就是 notify_url : NOTIFY_URL,// 微信付款后的回调地址 这个地址是用户传递给微信的， 微信在收到用户的付款后会以 post 的方式请求这个接口，微信会传递用户付款的信息过来， 不过是 xml 格式的。
类系这样的 xml 格式：
<xml> <appid><![CDATA[wx2421b1c4370ec43b]]></appid> <attach><![CDATA[支付测试]]></attach> <bank_type><![CDATA[CFT]]></bank_type> <fee_type><![CDATA[CNY]]></fee_type> <is_subscribe><![CDATA[Y]]></is_subscribe> <mch_id><![CDATA[10000100]]></mch_id> <nonce_str><![CDATA[5d2b6c2a8db53831f7eda20af46e531c]]></nonce_str> <openid><![CDATA[oUpF8uMEb4qRXf22hE3X68TekukE]]></openid> <out_trade_no><![CDATA[1409811653]]></out_trade_no> <result_code><![CDATA[SUCCESS]]></result_code> <return_code><![CDATA[SUCCESS]]></return_code> <sign><![CDATA[B552ED6B279343CB493C5DD0D78AB241]]></sign> <sub_mch_id><![CDATA[10000100]]></sub_mch_id> <time_end><![CDATA[20140903131540]]></time_end> <total_fee>1</total_fee> <trade_type><![CDATA[JSAPI]]></trade_type> <transaction_id><![CDATA[1004400740201409030005092168]]></transaction_id> </xml>
根据自己的业务逻辑解析这个 xml 格式的数据就好了。
注意：这里你在获取到数据后微信需要得到你的回应， 如果你一直不回应微信， 微信会请求你好几次， 这样估计你的逻辑会有问题吧，所以你需要给微信返回 xml 的格式的 回应。
<xml> <return_code><![CDATA[SUCCESS]]></return_code> <return_msg><![CDATA[OK]]></return_msg> </xml>
小坑：node ，express 框架开发， 如果你在微信的支付成功后的回调中没有获取到任何 xml 的值， 那么你需要安装一组件：body-parser-xml， 你可以使用 npm install body-parser-xml --save 安装， 在 app.js 里面require('body-parser-xml')(bodyParser);,使用中间件的方式
// 解决微信支付通知回调数据
app.use(bodyParser.xml({
limit: '2MB', // Reject payload bigger than 1 MB
xmlParseOptions: {
normalize: true, // Trim whitespace inside text nodes
normalizeTags: true, // Transform tags to lowercase
explicitArray: false // Only put nodes in array if >1
}
}));这样你就可以正常的获取到微信的 xml 数据了。
使用方法：
pay.getAccessToken({
notify_url : 'http://demo.com/', //微信支付完成后的回调
out_trade_no : new Date().getTime(), //订单号
attach : '名称',
body : '购买信息',
total_fee : '1', // 此处的额度为分
spbill_create_ip : req.connection.remoteAddress,
}, function (error, responseData) {
res.render('payment', {
title : '微信支付',
wxPayParams : JSON.stringify(responseData),
//userInfo : userInfo
});
});就到这里吧， 感觉也差不多了。如有不对的地方还请指正。
【相关推荐】
1. 特别推荐：“php程序员工具箱”V0.1版本下载
2. 微信小程序完整源码
Das obige ist der detaillierte Inhalt vonNodejs entwickelt WeChat-Zahlungsfunktion. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
![[Web-Frontend] Node.js-Schnellstart](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
