微信小程序 + nodeJs（loopback） 实现支付

时间  2019-12-11
标签 微信 程序 nodejs loopback 实现 支付 繁體版
原文   原文链接

实现小程序的支付，首先须要去微信官网先了解一下微信小程序支付相关接口文档：https://pay.weixin.qq.com/wiki/doc/api/wxa/wxa_api.php?chapter=7_3&index=1php

微信支付首先须要调用微信的统一下单接口，返回微信支付接口须要数据。具体参数参考：https://pay.weixin.qq.com/wiki/doc/api/wxa/wxa_api.php?chapter=9_1前端

在后端服务中，提供一个小程序前端调用的订单接口，生成预约单并访问微信统一下单接口返回微信接口数据，具体服务端代码以下：小程序

module.exports = (req, res) => {
  // TODO replace the codes bellow and add your own codes here
  const wx_app_id = server.get('wx-app-id');
    let pay_info = {
        [wx_app_id]: { // 定义能支付的商户，可能存在多个
            mch_id: server.get('wx-mch-id'),
            pay_key: server.get('wx-pay-key') 
        }
    }if(!(req.body.appid in pay_info)) {
        res.send({
            successed: false,
            message: '商户不支持支付',
            datalist: '暂不支持支付的appid'
        });
        return
    }
    let sendtowx = {
        appid: req.body.appid,
        mch_id: pay_info[req.body.appid].mch_id,
        nonce_str: moment().valueOf(),
        body: req.body.body,
        // detail: req.body.detail,    
        // attach: req.body.attach,
        out_trade_no: getOrderNo(),   //订单在同一商家不能重复
        total_fee: req.body.total_fee,
        spbill_create_ip: req.headers['x-real-ip'] || req.headers['x-forwarded-for'] || req.connection.remoteAddress,
        notify_url: req.body.notify_url,  // 订单支付反馈通知接口，通常作修改订单完成状态用，微信支付成功后会在后台调用
        trade_type: 'JSAPI',
        openid: req.body.openid
    }
    sendtowx.sign = wx_sign(sendtowx, pay_info[req.body.appid].pay_key);  //生成MD5加密字符，传入字段不能有undefined。不然会报签名错误

    let request_str = '<xml>'
    for (let item in sendtowx) {
        request_str = request_str + '<' + item + '>'
        request_str = request_str + sendtowx[item]
        request_str = request_str + '</' + item + '>'
    }
    request_str = request_str + '</xml>'
    console.log('request_str:', request_str);
    const AppOrder = server.models.AppOrder;
    AppOrder.findOrCreate({where:req.body.where},{  // 首先建立系统订单，此时状态为待支付
        status:"0",
        pay_price: sendtowx.total_fee/100,
        order_no: sendtowx.out_trade_no
    }, function(err, data, created) {
        console.log(data,created,'s;s/');
        if (err) {
          console.log(err);
        } else if(created){
            console.log("建立预付订单成功",data);
          request.post(                    // 调用微信支付统一下单接口，返回微信预订单数据
            {
              url : 'https://api.mch.weixin.qq.com/pay/unifiedorder',
              // headers: {
              // 'Content-Type':'text/xml; charset=utf-8',
              // 'Content-Length': data.length
              // },
              body: request_str,
              rejectUnauthorized: false
            }, function(err, httpResponse, body){
              // 请求完成以后的回调函数    
                console.log(body)
                parseString(body, {explicitArray:false}, function (err, result) {
                    let res_body = { }
                    if(result.xml.return_code == 'SUCCESS') {
                        res_body.successed = true
                        res_body.message = 'ok'
                        let temp = {
                            appId: result.xml.appid,
                            timeStamp: moment().format('X'),
                            nonceStr: moment().format('x'),
                            package: 'prepay_id='+result.xml.prepay_id,
                            signType: "MD5"
                        }
                        temp.paySign = wx_sign(temp, pay_info[result.xml.appid].pay_key)
                        result.xml = temp
                    }
                    else {
                        res_body.successed = false
                        res_body.message = '支付失败'
                    }
                    if(res_body.message) {
                        res_body.datalist = result.xml
                        res.send(res_body);
                    }
                });
            })
                }
                else {
                    res.send({
                        code: "applied",
                        successed: false,
                        message: '不能重复提交订单！'
                    });
                }
    });
    
}

常常遇到的问题是会报签名错误问题，排查方法：后端

1.排查微信支付申请的pay-key是否正确，或写成了appid、app-key；微信小程序

2.排查在上传MD5签名时是否传入了undefined的字段；api

3.若是都没问题，建议在微信商户管理后面中从新设置pay-key。微信

统一下单结束后，小程序前端调用统一下单接口，开始微信支付：app

payNow: function (e) {
    let that = this;
    let data = {
      openid: app.globalData.openId,
      appid: app.globalData.app_id,
      body: this.data.applyGame.name + "测试",
      // attach: this.data.applyGame.id,//附加信息，暂时不添加
      total_fee: 1,
      notify_url: app.globalData.appUrl + 'sdk/wxpayvnotify', // 微信支付成功反馈通知接口
      where:{ // 不能重复提交订单条件
        status: orderStatus.pay,
      }
    };
    pay(data, (res) => {
      if (res.statusCode == 200) {
        if (res.data.successed == true) {
          let backobj = res.data.datalist;

          let timestamp = backobj.timeStamp;
          let nonceStr = backobj.nonceStr;
          let prepay_id = backobj.package;
          let signType = backobj.signType;
          let paySign = backobj.paySign;
          wx.requestPayment({
            'timeStamp': timestamp,
            'nonceStr': nonceStr,
            'package': prepay_id,
            'signType': signType,
            'paySign': paySign,
            'notify_url': app.globalData.appUrl + 'sdk/wxpayverify',
            success: function (res) {
              wx.navigateTo({
                url: "/pages/my-game/index",
              })
              wx.switchTab({
                url: '/pages/my-game/index',
              })
            },
            fail: function (res) {
              console.log(res,'支付失败');
              wx.showToast({
                title: '支付失败!',
                icon: 'none',
              })
              // wx.navigateTo({
              //   url: "../pay/payfail/payfail",
              // })
            },
          })
        } else {
          if (res.data.code === 'applied'){
            wx.showToast({
              title: '已经报名',
              icon: 'none',
            })
          }else{
            wx.showToast({
              title: res.data.message,
              icon: 'none',
            })
          }
          
        }
      }else{
        wx.showToast({
          title: '支付失败!',
          icon: 'none',
        })
      }
    })
  }

支付完成。函数

 

 

console. log( e, 's//s/');
let that = this;
// if (!this.data.payNowBottonUse) {//防止按钮重复点击
// return;
// }
// this.setData({
// payNowBottonUse: false
// })

let data = {
openid: app. globalData. openId,
appid: app. globalData. app_id,
body: this. data. applyGame. name + "报名测试",
// body: "pppddpdp",
// detail: JSON.stringify(that.data.payOrdrInfoData.specific_project),//服务id
// attach: this.data.applyGame.id,//附加信息，暂时不添加
// //product_id: "002",//trade_type=NATIVE时（即扫码支付），此参数必传。
total_fee: 1,
notify_url: app. globalData. appUrl + 'sdk/wxpayvnotify',
member_id: this. data. memberInfo. id,
user_id: app. globalData. userId,
game_id: this. data. applyGame. id,
where:{ // 不能重复提交订单条件
status: orderStatus. pay,
gameId: this. data. applyGame. id,
memberId: this. data. memberInfo. id
}
};
pay( data, ( res) => {
if ( res. statusCode == 200) {
if ( res. data. successed == true) {
let backobj = res. data. datalist;
console. log( backobj, 'slslslslls');

let timestamp = backobj. timeStamp;
let nonceStr = backobj. nonceStr;
let prepay_id = backobj. package;
let signType = backobj. signType;
let paySign = backobj. paySign;
wx. requestPayment({
'timeStamp': timestamp,
'nonceStr': nonceStr,
'package': prepay_id,
'signType': signType,
'paySign': paySign,
'notify_url': app. globalData. appUrl + 'sdk/wxpayverify',
success: function ( res) {
wx. navigateTo({
url: "/pages/my-game/index",
})
wx. switchTab({
url: '/pages/my-game/index',
})
},
fail: function ( res) {
console. log( res, '支付失败');
wx. showToast({
title: '支付失败!',
icon: 'none',
})
// wx.navigateTo({
// url: "../pay/payfail/payfail",
// })
},
})
} else {
if ( res. data. code === 'applied'){
wx. showToast({
title: '该棋手已经报名',
icon: 'none',
})
} else{
wx. showToast({
title: res. data. message,
icon: 'none',
})
}
 
}
} else{
wx. showToast({
title: '支付失败!',
icon: 'none',
})
}
})
相关文章
相关标签/搜索
每日一句
    每一个你不满意的现在，都有一个你没有努力的曾经。
本站公众号
   欢迎关注本站公众号,获取更多信息
联系我们 最近搜索 最新文章 沪ICP备13005482号-10 MyBatis教程 SQL 教程 MySQL教程 Java 教程 Thymeleaf 教程 Hibernate教程 Spring教程 Redis教程