文档章节

微信公众号支付总结

java9
 java9
发布于 2015/08/20 15:26
字数 1347
阅读 3334
收藏 20

微信公众号支付总结大致可以分为三步, 第一步获取用户授权,第二步调用统一下单接口获取预支付id,第三步H5调起微信支付的内置JS进行支付

注意:

不得不提的是,每个公众号(公众平台),每一个APP(开放平台), 如果要进行微信支付得单独进行开通微信支付功能。开通成功后会为每一个公众号,APP 分配一个商户号。最开始没有搞清楚这层关系,导致出现类似“appid与商户号没有关联”,授权时没有“scope 权限”这样的问题。

获取用户授权


String wxaccessUrl = "https://open.weixin.qq.com/connect/oauth2/authorize?";
            String uri = wxaccessUrl+"appid="+ConstantUtil.JS_APP_ID+"&redirect_uri="+URLEncoder.encode(vo.getRedirectUri(),"UTF-8")+"&response_type="+vo.getResponseType()+"&scope="+vo.getScope()+"&state="+vo.getState();
            logger.debug("authorize uri: "+uri);
            return "redirect:"+uri;



因为统一下单接口需要用户的openid,所以需要进行用户授权,这里只需要获取到最基本的用户openid就行了。redirectUri 是授权之后跳转到后台的地址,需要进行urlencode。这里存在一个疑问,就是微信授权之后跳转回来的地址栏地址还是授权的地址,但是网页的内容已经是我们自己的网页了。这样在第三步进行支付时,会导致配置的微信支付目录不正确,因此我这里授权跳转回来之后又进行了一次跳转,通过redirect 来保证网址在微信支付中配置的目录中。


授权之后微信会在链接上加上code ,拿上这个我们再进行授权的第二步:获取用户的openid.我把这一步写在一个jsp中。

code.jsp


String code = request.getParameter("code");
    String openid="";
    String accessCodeUrl = "https://api.weixin.qq.com/sns/oauth2/access_token?appid=" + ConstantUtil.JS_APP_ID + "&secret="+ConstantUtil.APP_SECRET+"&code=" + code + "&grant_type=authorization_code";
    if (code == null) out.println("用户授权失败。");
    HttpPost post = new HttpPost(accessCodeUrl);
    HttpResponse resp = HttpClients.createDefault().execute(post);
    if (resp.getStatusLine().getStatusCode() == HttpStatus.SC_OK) {
        InputStream inputStream = resp.getEntity().getContent();
        byte[] buff = new byte[1024];
        int len;
        ByteArrayOutputStream bout = new ByteArrayOutputStream();
        while ((len = inputStream.read(buff)) != -1) {
            bout.write(buff, 0, len);
        }
        JSONObject result = JSON.parseObject(new String(bout.toByteArray()));
        openid = (String) result.get("openid");
        if (result.containsKey("errcode")){
            logger.error("wx access error code:"+result.get("errmsg"));
        }
    } else {
        out.println("用户授权失败。");
    }

这个页面包含到需要进行支付的页面中。code是从后台传过来的。

toPay.do 跳转到需要支付的页面toPay.jsp

order = URLEncoder.encode(request.getParameter("order"), "UTF-8");//从微信跳转过来,有中文的话需要进行url 编码
            String uri = "/wechat/activity/toPay.jsp?rid=" + request.getParameter("rid") + "&pid=" + request.getParameter("pid")+
                    "&sn="+request.getParameter("sn")+"&amount="+request.getParameter("amount")+"&order="+order+
                    "&code="+request.getParameter("code")+"&showwxpaytitle=1";
            logger.debug(uri);
            return "redirect:"+uri;



toPay.jsp需要配置到微信的支付目录中。(这里要说一下的是关于服务器的端口号最好是弄成80端口,如果还用到微信其他的js sdk 功能,会现invalid signature之类的错误)

统一下单

点击支付之后再向后发送下单请求。

将这一步获取到的openid 传给后台,

PrepayIdRequestHandler prepayReqHandler = new PrepayIdRequestHandler(request, response);//获取prepayid的请求类
            ClientRequestHandler clientHandler = new ClientRequestHandler(request, response);//返回客户端支付参数的请求类

            prepayReqHandler.setParameter("appid", ConstantUtil.JS_APP_ID);
            prepayReqHandler.setParameter("openid", payVO.getOpenid());
            prepayReqHandler.setParameter("body", snInfo.get("name").toString()); //商品描述
            prepayReqHandler.setParameter("device_info", "WEB"); //商品描述
            prepayReqHandler.setParameter("mch_id", ConstantUtil.JS_MCH_ID);
            String noncestr = WXUtil.getNonceStr();
            prepayReqHandler.setParameter("nonce_str", noncestr);
            prepayReqHandler.setParameter("notify_url", getServerUrl(request, notify_url)); //接收微信通知的URL
            prepayReqHandler.setParameter("out_trade_no", out_trade_no); //商家订单号
            prepayReqHandler.setParameter("spbill_create_ip", request.getRemoteAddr()); //订单生成的机器IP,指用户浏览器端IP
            prepayReqHandler.setParameter("total_fee", "" + (int) (((Float) snInfo.get("amount")) * 100)); //商品金额,以分为单位
            prepayReqHandler.setParameter("trade_type", "JSAPI");
            //生成获取预支付签名
            String sign = prepayReqHandler.createSHA1Sign(ConstantUtil.JS_APP_KEY);
            //增加非参与签名的额外参数
            prepayReqHandler.setParameter("sign", sign);

            String gateUrl = ConstantUtil.GATEURL;
            prepayReqHandler.setGateUrl(gateUrl);
            //获取prepayId
            String prepayid = prepayReqHandler.sendPrepay();



PrepayIdRequestHandler 这个类可以在微信的demo 找到。
这里的签名需要一个api key,同样的,每个appid 对应一个key,这个key 需要在微信支付的系统中去设置,不在公众号里面设置。

获取到prepayid 之后,将参数传给前台页面。

//输出参数列表
                clientHandler.setParameter("appId", ConstantUtil.JS_APP_ID);
                clientHandler.setParameter("nonceStr", noncestr);
                clientHandler.setParameter("package", "prepay_id="+prepayid);
                clientHandler.setParameter("timeStamp", "" + System.currentTimeMillis() / 1000);//秒
                clientHandler.setParameter("signType", "MD5");
                //生成签名
                sign = clientHandler.createSHA1Sign(ConstantUtil.JS_APP_KEY);
                clientHandler.setParameter("paySign", sign);
                Map map = clientHandler.getMapBody();
                return success(map);



调起支付

function onBridgeReady() {
                                WeixinJSBridge.invoke(
                                        'getBrandWCPayRequest', {
                                            "appId": data.appId,     //公众号名称,由商户传入
                                            "timeStamp": data.timeStamp,         //时间戳,
                                            "nonceStr": data.nonceStr, //随机串
                                            "package": data.package,
                                            "signType": data.signType,         //微信签名方式:
                                            "paySign": data.paySign //微信签名
                                        },
                                        function (res) {
                                            if (res.err_msg == "get_brand_wcpay_request:ok") {
                                                //支付成功后最好是到后台进行查询一下订单的状态,确保服务器后台相关的业务都已经执行成功。

                                            }     // 使用以上方式判断前端返回,微信团队郑重提示:res.err_msg将在用户支付成功后返回    ok,但并不保证它绝对可靠。
                                            else if(res.err_msg =='get_brand_wcpay_request:cancel'){
                                                
                                            }
                                            else{
                                                showTip("支付失败。");
                                            }
                                        }
                                );
                            }

                            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();
                            }



这一部分可以放在你的ajax success部分中进行。

后记

进行微信开发,主要是不好调试。

  1. 需要将网页链接通过你的公众号发到你的微信,然后在微信中打开链接。
  2. 尽量把代码写在jsp 中,避免写在class 中频繁重启。
  3. 碰到签名错误,可以在微信提供的签名工具中验证,如果是签名没有错,那就是算法没有错,传的参数不对了。比如app key 不对。
如果有其他的朋友有相关的问题,可以留言给我。我尽量帮大家解决,避免大家跳入微信的坑中。


© 著作权归作者所有

共有 人打赏支持
java9
粉丝 12
博文 65
码字总数 25460
作品 0
武汉
后端工程师
私信 提问
加载中

评论(9)

LUOYIRUIX
LUOYIRUIX
本人已经解决手机苹果浏览器和安卓95%以上浏览器外部链接直接跳入微信中打开链接,如果APP是自己的也同样可以跳入微信中打开页面,功能已经全部系统化,可直接提供API接口,普通用户直接对接到页面立马使用,需要的朋友找我拿 QQ 7 74 0 8 0 26
java9
java9

引用来自“小汤圆1”的评论

一切都没错 就是报支付验证签名失败
看看key是不是用错了
小汤圆1
小汤圆1
一切都没错 就是报支付验证签名失败
打扰一夏
打扰一夏
楼主你好,公司要求我用node.js开发 公众号支付 现在脑里一片空白,完全不知从哪开始.有许多小白问题请教,可以给个企鹅号么` 万分感谢
java9
java9

引用来自“3kqing”的评论

你好,获取用户openid的key和下单用的key不是一个吗?
不是一个。支付有单独的Key
Skqing
Skqing
你好,获取用户openid的key和下单用的key不是一个吗?
java9
java9

引用来自“失色太阳”的评论

你好,微信给的JSAPI没有java版本的,现在我做到统一下单,老是签名错误,尝试用接口调试工具对着做还是签名错误,这是什么情况?
你是用的公众号支付还是APP支付?两者下单的参数不一样。另外jsapi 没有java版本这个说法也不准确,下单操作都是通过后台去操作的。
失色太阳
你好,微信给的JSAPI没有java版本的,现在我做到统一下单,老是签名错误,尝试用接口调试工具对着做还是签名错误,这是什么情况?
似故人来
似故人来
能否给源码下,万分感谢。企鹅:757671834 万分感谢
支付宝H5和微信公众号H5支付

此篇笔记总结于2016年,此时微信还没有开放外部H5支付,只是可以通过公众号支付间接打通H5支付,即H5必须在微信内部打开. 官网 支付宝:https://b.alipay.com/signing/productDetail.htm?pr...

零二一七
2016/08/30
0
0
春哥教你微信支付商户号如何绑定多个微信公众号及小程序

大家在使用微信支付的时候都知道微信支付账号要和对应的公众号、小程序有对应的绑定关系才可以使用的。今天春哥技术博客就给大家总结一下这方面的知识。 背景 微信支付交易发起依赖于公众号、...

春哥技博客
08/06
0
0
微信支付之扫码支付、公众号支付、H5支付、小程序支付相关业务流程分析总结

前言 很久以来,一直想写一篇微信支付有关的总结文档;一方面是总结自己的一些心得,另一方面也可以帮助别人,但是因种种原因未能完全理解透彻微信支付的几大支付方式,今天有幸做一些总结上...

龙行天涯
08/21
0
0
微信小程序:web-view嵌套H5实现微信支付功能解决方案及填坑

最近一个多月加班比较严重,偶尔休息一天也是在补睡眠+陪家人,比较长时间没有来进行总结记录了。今天不加班,开始为这段时间做的东西进行下经验总结。 这段时间因为公司需要,接触了一些.Ne...

ThinkinLiu
10/20
0
0
微信支付2016开发调试过程记录

最近换了家公司,因为以前也是做支付的来这个公司直接让我从零开始搭建支付服务。首先是微信支付宝的第三方接入。我是做java开发的。支付宝有接入的sdk就是一个jar包。而且有沙箱环境测试帐号...

挨踢人生
2016/11/15
0
0

没有更多内容

加载失败,请刷新页面

加载更多

【Visual Studio 扩展工具】使用 ComponentOne迷你图控件,进行可视化数据趋势分析

概述 迷你图 —— Sparklines是迷你的轻量级图表,有助于快速可视化数据。 它们是由数据可视化传奇人物Edward Tufte发明的,他将其描述为“数据密集,设计简单,字节大小的图形。”虽然迷你图...

葡萄城技术团队
8分钟前
0
0
java中重试的使用工具

spring-retry easy-retry guava-retry spring-retry中应该注意的东西 @EnableRetry Retryable注解 被注解的方法发生异常时会重试 value:指定发生的异常进行重试 include:和value一样,默认...

writeademo
20分钟前
0
0
NEO改进协议提案8(NEP-8)

文章目录 摘要 动机 原理 详述 CALL_I CALL_E CALL_ED CALL_ET CALL_EDT 向后兼容性 实现 摘要 本NEP提议NeoVM计算栈堆栈隔离,以确保动态调用的安全性,并为将来的新功能提供支持。 动机 现...

NEO-FANS
22分钟前
0
0
TiDB DevCon 2019 报名开启:年度最高规格的 TiDB 技术大会

年度最高规格的 TiDB 技术大会 海内外动态及成果的综合呈现 最新核心技术解读 多个成果首次亮相 2019 RoadMap 展望 14 位海内外基础架构领域技术大咖 8 个跨行业多场景的用户实战经验 1 小时...

TiDB
23分钟前
0
0
struts2返回json

返回action中成员变量jsonResult,注意设置get set方法 struts配置文件 <?xml version="1.0" encoding="UTF-8" ?><!DOCTYPE struts PUBLIC "-//Apache Software Foundation//DTD Struts Co......

安卓工程师王恒
25分钟前
0
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部