微信支付前的准备工作

准备工作

  1. 准备工作：个体工商户、企业、政府及事业单位。

需要获取内容

  1. appid：应用 APPID（必须配置，开户邮件中可查看）
  2. MCHID：微信支付商户号（必须配置，开户邮件中可查看）
  3. KEY：API 密钥，参考开户邮件设置（必须配置，登录商户平台自行设置）

express支付(测试)

向微信发送带金额和标题参数的请求

//引入统一下单的api
var wechatPay = require('./module/wechatPay');var express = require('express');
var bodyParser = require('body-parser');
var xmlparser = require('express-xml-bodyparser');var app = new express();//xmlparser
app.use(xmlparser());app.use(express.static('./public'));
//使用中间件body-parser获取post参数
app.use(bodyParser.urlencoded({ extended: false }));
app.use(bodyParser.json());app.set('view engine', 'ejs');app.get('/order', function(req, res) {var openid = '';var config = {mch_id: '1502539541',wxappid: "wx7bf3787c783116e4",wxpaykey: 'zhongyuantengitying6666666666666'}var pay = new wechatPay(config);pay.createOrder({openid: openid,notify_url: 'http://118.123.14.36:8000/notifyUrl', //微信支付完成后的回调out_trade_no: new Date().getTime(), //订单号attach: '名称',body: '购买信息',total_fee: '1', // 此处的额度为分spbill_create_ip: req.connection.remoteAddress.replace(/::ffff:/, '')}, function(error, responseData) {console.log('11111111');console.log(responseData);if (error) {console.log(error);}res.json(responseData); /*签名字段*/});
})app.listen(8000, function() {console.log('port 8000 is running!');
});

回调里有支付url

把url转成二维码

手机扫码支付

支付页面有金额和标题信息

egg微信支付(真实)流程

  1. 调用统一下单接口生成预支付交易，获取 code_url
  2. 用 code_url 生成二维码
  3. 支付成功后监听服务器的异步通知，然后处理订单

扫码支付前

微信支付js封装包

applibwechatPay.js

/** @Descrition : wechat 微信支付功能*/var url = require('url');
var queryString = require('querystring');
var crypto = require('crypto');
var request = require('request');
var xml2jsparseString = require('xml2js').parseString;// wechat 支付类 (使用 es6 的语法)
class WechatPay {/*构造函数  */constructor(config) {this.config = config;}/*** 获取微信统一下单参数*/getUnifiedorderXmlParams(obj) {var body = '<xml> ' +'<appid>' + this.config.wxappid + '</appid> ' +'<attach>' + obj.attach + '</attach> ' +'<body>' + obj.body + '</body> ' +'<mch_id>' + this.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>';return body;}/*** 获取微信统一下单的接口数据*/getPrepayId(obj) {var that = this;// 生成统一下单接口参数var UnifiedorderParams = {appid: this.config.wxappid,attach: obj.attach,body: obj.body,mch_id: this.config.mch_id,nonce_str: this.createNonceStr(),notify_url: obj.notify_url, // 微信付款后的回调地址openid: obj.openid, //改out_trade_no: obj.out_trade_no, //new Date().getTime(), //订单号spbill_create_ip: obj.spbill_create_ip,total_fee: obj.total_fee,// trade_type : 'JSAPI',trade_type: 'NATIVE'// sign : getSign(),};// 返回 promise 对象return new Promise(function(resolve, reject) {// 获取 sign 参数UnifiedorderParams.sign = that.getSign(UnifiedorderParams);var url = 'https://api.mch.weixin.qq.com/pay/unifiedorder';request.post({ url: url, body: JSON.stringify(that.getUnifiedorderXmlParams(UnifiedorderParams)) }, function(error, response, body) {var prepay_id = '';if (!error && response.statusCode == 200) {// 微信返回的数据为 xml 格式， 需要装换为 json 数据， 便于使用xml2jsparseString(body, { async: true }, function(error, result) {if (error) {console.log(error);reject(error);} else {// prepay_id = result.xml.prepay_id[0];   //小程序支付返回这个console.log(result);var code_url = result.xml.code_url[0];resolve(code_url);}});} else {console.log(body);reject(body);}});})}/*** 获取微信支付的签名* @param payParams*/getSign(signParams) {// 按 key 值的ascll 排序var keys = Object.keys(signParams);keys = keys.sort();var newArgs = {};keys.forEach(function(val, key) {if (signParams[val]) {newArgs[val] = signParams[val];}})var string = queryString.stringify(newArgs) + '&key=' + this.config.wxpaykey;// 生成签名return crypto.createHash('md5').update(queryString.unescape(string), 'utf8').digest("hex").toUpperCase();}/*** 微信支付的所有参数* @param req 请求的资源, 获取必要的数据* @returns {{appId: string, timeStamp: Number, nonceStr: *, package: string, signType: string, paySign: *}}*/getBrandWCPayParams(obj, callback) {var that = this;var prepay_id_promise = that.getPrepayId(obj);prepay_id_promise.then((prepay_id) => {var prepay_id = prepay_id;var wcPayParams = {"appId": this.config.wxappid, //公众号名称，由商户传入"timeStamp": parseInt(new Date().getTime() / 1000).toString(), //时间戳，自1970年以来的秒数"nonceStr": that.createNonceStr(), //随机串                 // 通过统一下单接口获取// "package" : "prepay_id="+prepay_id,   //小程序支付用这个"code_url": prepay_id,"signType": "MD5", //微信签名方式：};wcPayParams.paySign = that.getSign(wcPayParams); //微信支付签名callback(null, wcPayParams);}, function(error) {callback(error);});}/*** 获取随机的NonceStr*/createNonceStr() {return Math.random().toString(36).substr(2, 15);};//获取微信的 AccessToken   openidgetAccessToken(code, cb) {var that = this;var getAccessTokenUrl = "https://api.weixin.qq.com/sns/oauth2/access_token?appid=" + this.config.wxappid + "&secret=" + this.config.wxappsecret + "&code=" + code + "&grant_type=authorization_code";request.post({ url: getAccessTokenUrl }, function(error, response, body) {if (!error && response.statusCode == 200) {if (40029 == body.errcode) {cb(error, body);} else {body = JSON.parse(body);cb(null, body);}} else {cb(error);}});}/*** 创建订单*/createOrder(obj, cb) {this.getBrandWCPayParams(obj, function(error, responseData) {if (error) {cb(error);} else {cb(null, responseData);}});}
}module.exports = WechatPay;

config

configconfig.default.js

    // 微信支付的配置exports.weixinPayConfig = {mch_id: '1502539541',wxappid: "wx7bf3787c783116e4",wxpaykey: 'zhongyuantengitying6666666666666'}exports.weixinpayBasicParams = {//注意回调地址必须在  微信商户平台配置notify_url: "http://video.apiying.com/weixinpay/weixinpayNotify"}

router

 router.get('/weixinpay/pay', initMiddleware, controller.default.weixinpay.pay);

controller

appcontrollerdefaultweixinpay.js

'use strict';const Controller = require('egg').Controller;class WeixinpayController extends Controller {async pay() {var d = new Date();const data = {title: '辣条111',out_trade_no: d.getTime().toString(),price: '0.1'}var code_url = await this.service.weixinpay.doPay(data);//调用方法生成二维码var qrImage = await this.service.weixinpay.qrImage(code_url);this.ctx.type = 'image/png';this.ctx.body = qrImage;}
}module.exports = WeixinpayController;

service

appserviceweixinpay.js

'use strict';var wechatPay = require('../lib/wechatPay.js');
const qr = require('qr-image');
const Service = require('egg').Service;class WeixinpayService extends Service {async doPay(orderData) {return new Promise((resove) => {var pay = new wechatPay(this.config.weixinPayConfig);var notify_url = this.config.weixinpayBasicParams.notify_url;var out_trade_no = orderData.out_trade_no;var title = orderData.title;var price = orderData.price * 100;var ip = this.ctx.request.ip.replace(/::ffff:/, '');pay.createOrder({openid: '',notify_url: notify_url, //微信支付完成后的回调out_trade_no: out_trade_no, //订单号attach: title,body: title,total_fee: price.toString(), // 此处的额度为分spbill_create_ip: ip}, function(error, responseData) {console.log(responseData);if (error) {console.log(error);}resove(responseData.code_url)});})}async qrImage(url) {var qrimg = qr.image(url, { type: 'png' });return qrimg;}
}module.exports = WeixinpayService;

view

appviewdefaultconfirm.html

                <div class="payment-box "><div class="payment-body"><ul class="clearfix payment-list J_paymentList J_linksign-customize"><li id="weixinPay"><img src="//c1.mifile.cn/f/i/16/pay/weixinpay0701.png" alt="微信支付" style="margin-left: 0;"></li><li class="J_bank" id="alipay"><a target="_blank" href="/alipay/pay?id=<%=orderResult._id%>"> <img src="//s01.mifile.cn/i/banklogo/payOnline_zfb.png?ver2015" alt="支付宝" style="margin-left: 0;"></a></li></ul></div></div>
    <div class="modal fade" id="weixinPayModel" tabindex="-1" role="dialog"><div class="modal-dialog" role="document"><div class="modal-content"><div class="modal-header"><button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button><h4 class="modal-title" id="myModalLabel">微信支付</h4></div><div class="modal-body"><img class="lcode" src="/weixinpay/pay?id=1242141244" /><img class="rphone" src="/public/default/image/phone.png" /></div></div></div></div>
            $("#weixinPay").click(function() {$('#weixinPayModel').modal('show');})

效果

把订单信息通过微信支付js,转成url,再把url转成二维码

扫码支付后

router

    //异步通知   注意关闭csrf验证router.post('/weixinpay/weixinpayNotify', initMiddleware, xmlparseMiddleware, controller.default.weixinpay.weixinpayNotify);

config

configconfig.default.js

csrf

config.security = {csrf: {// 判断是否需要 ignore 的方法，请求上下文 context 作为第一个参数ignore: ctx => {if (ctx.request.url == '/admin/goods/goodsUploadImage' || ctx.request.url == '/admin/goods/goodsUploadPhoto' || ctx.request.url == '/pass/doLogin' || ctx.request.url == '/user/addAddress' || ctx.request.url == '/user/editAddress' || ctx.request.url == '/admin/goods/goodsUploadPhoto' || ctx.request.url == '/weixinpay/weixinpayNotify') {return true;}return false;}}}

controller

appcontrollerdefaultweixinpay.js

    //异步通知async weixinpayNotify(){let that = this;     let data = '';               this.ctx.req.on('data',function(chunk){data += chunk;});this.ctx.req.on('end',function(){xml2js(data,{explicitArray:false}, function (err, json) {console.log(json);//这里的json便是xml转为json的内容var mySign=that.service.weixinpay.weixinpayNotify(json.xml);console.log(mySign);console.log('-------------');console.log(json.xml.sign);});});}

service

appserviceweixinpay.js

    weixinpayNotify(params) {var pay = new wechatPay(this.config.weixinPayConfig);var notifyObj = params;var signObj = {};for (var attr in notifyObj) {if (attr != 'sign') {signObj[attr] = notifyObj[attr]}}var sign = pay.getSign(signObj);return sign;}

回调信息

支付后跳转

微信支付后,支付宝支付后

微信支付后不会自动跳转

流程

5秒钟判断一次状态

修改支付状态和订单状态为1(成功)

支付状态和订单状态为1(成功)，则跳转到订单页面

router

 //检测订单是否支付router.get('/buy/getOrderPayStatus', initMiddleware, userauthMiddleware, controller.default.buy.getOrderPayStatus);router.get(' /user/order', initMiddleware, userauthMiddleware, controller.default.user.order);

controller

appcontrollerdefaultbuy.js

    async getOrderPayStatus() {/*1、获取订单号2、查询当前订单的支付状态3、如果支付 返回成功   如果没有支付返回失败信息*/var id = this.ctx.request.query.id;if (id) {try {var orderReuslt = await this.ctx.model.Order.find({ "_id": id });if (orderReuslt && orderReuslt[0].pay_status == 1 && orderReuslt[0].order_status == 1) {this.ctx.body = {success: true,message: '已支付'}} else {this.ctx.body = {success: false,message: '未支付'}}} catch (error) {this.ctx.body = {success: false,message: '未支付'}}} else {this.ctx.body = {success: false,message: '未支付'}}}

view

appviewdefaultconfirm.html

            setInterval(function() {$.get('/buy/getOrderPayStatus?id=<%=id%>', function(response) {console.log(response);if (response.success) {location.href = '/user/order'}})}, 5000);

egg(110,111,112)--egg之微信支付相关推荐

  1. LeetCode简单题目(二叉树相关)(#100 #101 #104 #107 #108 #110 #111 #112)-8道

    leetcode题库中共有350道简单题目. 本文记录已解决的题目和代码. 本文中的序号是leetcode题目中的真实序号. 文章目录 100 相同的树 描述 代码 更好的解法 101 对称二叉树 描 ...

  2. Android 微信支付详解与Demo

    最近公司弄Ionic框架,项目中需要微信支付,无奈,把我调过去弄,期间也是几近崩溃,好在皇天不负有心人,在看别人的文档,终于是在项目中集成了微信支付,下面作为一个小白的我,想要把我的经验分享给大家,希 ...

  3. C# MVC 微信支付教程系列之公众号支付代码

    今天,我们接着讲微信支付的系列教程,前面,我们讲了这个微信红包和扫码支付.现在,我们讲讲这个公众号支付.公众号支付的应用环境常见的用户通过公众号,然后再通过公众号里面的菜单链接,进入公众号的商城,然后 ...

  4. Android 高仿微信支付键盘

    转载自  http://blog.csdn.net/zuiwuyuan/article/details/52198240 1. 道友留步 这位大神的代码封装的很好,把类拿来直接就可以用的了,稍微要注意 ...

  5. Thinkphp整合微信支付功能

    1.微信公众号: 独特的appid.appscrect.接口权限之中设置可以获取用户ID信息权限的域名(每个用户对于不同公众都会有一个特有ID,通过这个ID获取用户微信账号基本信息.详情看微信开发者文 ...

  6. C# 微信支付教程系列之扫码支付

    微信支付教程系列之扫码支付 今天,我们来一起探讨一下这个微信扫码支付.何为扫码支付呢?这里面,扫的码就是二维码了,就是我们经常扫一扫的那种二维码图片,例如,我们自己添加好友的时候,可以通过输入对方的微 ...

  7. java版+支付宝支付和微信支付(一)

    最近公司在做支付模块,在接入过程中遇到了很多坑,费了不少事,现在分享一下接入方法,也记录一下,以后可能还用的到.用的是支付宝的即时到帐支付功能和微信的扫码支付功能,相比起来,个人感觉支付宝的文档和接入 ...

  8. android 微信支付键盘,Android 高仿微信支付键盘

    转载自  http://blog.csdn.net/zuiwuyuan/article/details/52198240 1. 道友留步 这位大神的代码封装的很好,把类拿来直接就可以用的了,稍微要注意 ...

  9. 微信支付现金红包接口应用实例代码说明和DEMO详解，适合用来做微信红包营销活动、吸粉利器...

    本文详细介绍微信红包开发的接口,商户调用接口时,通过指定发送对象以及发送金额的方式发放红包,领取到红包后,用户的资金直接进入微信零钱.后面带有具体调用php实例 总结一下:需要注意的是PEM秘钥文件要 ...

最新文章

  1. 艾伟也谈项目管理，IT项目管理的六种错误思维
  2. 实时滚动图表绘制方法: LightningChart教程 + 源码下载
  3. 最后两周！60万奖金AI攻防赛进入冲刺（附baseline代码及实操）
  4. 【渝粤教育】电大中专财务管理与分析 (2)作业 题库
  5. 2016年计算机网考,2016年电大：计算机网考(全)练习题.doc
  6. 找了个学习uboot makefile的好地方 不过不让转载 那就把网址分享一下吧
  7. HTTP/2 协议入门
  8. 手机发包工具_【发包工具】http多线程发包工具
  9. 报表制作1（传入对象和其他参数）
  10. 如何看待浏览器越来越臃肿，手机浏览器现状堪忧
  11. 安装oracle提示javaw,为什么oracle 9i 安装时，setup exe javaw exe进程消失
  12. (JZ1619)2018.07.08【2018提高组】模拟C组 0 .音乐节拍
  13. sentinel.conf样例
  14. linux drwxr-xr-x. 什么意思
  15. EMCP  物联网云平台萤石云密钥功能使用手册
  16. 前端工程化配置-husky + eslint + lint-staged
  17. processing画坐标系，画函数图像
  18. WebDAV之葫芦儿·派盘+Orgzly
  19. VMware ESxi 7.0定时关机
  20. mysql escape 函数_mysql_escape_string()函数用法分析

热门文章

  1. python刷阅读_用Python汇集并生成每日教育动态
  2. pg与oracle区别,PostgresQL 学习记录之与oracle区别(一)
  3. Unity 2017 Game Optimization 读书笔记（2）Scripting Strategies Part 2
  4. hadoop学习5 搭建storm集群
  5. 对url给后台传数据的时候特殊字符需要转义
  6. python os操作
  7. liunx驱动----异步通知
  8. 关于mac机抓包的几点基础知识
  9. 根据时间变换页面背景
  10. iOS 本地化应用程序汇总 国际化