微信内网站微信支付对接


文章包括以下内容

  1. 支付场景简介
  2. 第一步:申请微信支付申请(注册微信支付商户号)
  3. 第二步:获取商户号的支付参数
  4. 第三步:SDK下载(java版本)
  5. 第四步:支付过程了解
  6. 第五步:开始设计和编码

 

支付场景简介

目前微信支付有6个场景,分别是以下6个(2019-04-06)

  1. 我有线下场所
  2. 我有公众号
  3. 我有小程序
  4. 我有pc网站
  5. 我有App
  6. 我有企业微信

https://pay.weixin.qq.com/static/applyment_guide/applyment_index.shtml

第一步:申请微信支付申请(注册微信支付商户号)

这一步完成后那么就拥有了支付接口权限了。

我的支付场景是公众号支付,所以首先你先要有一个公众号。有了公众号之后就可以申请付款码支付和JSAPI支付产品了,我习惯成这个产品为支付接口。也就是有了2个支付接口权限了,

  1. 根据自身的属性申请准备对应的申请材料
  2. 交申请费用(目前几百就行了)
  3. 3个申请流程

https://pay.weixin.qq.com/static/applyment_guide/applyment_detail_public.shtml

 

第二步:获取商户号的支付参数

支付参数都是登录商户号页面里面获取的,参数用于对接用

需要4参数:

  1. appid(appid)
  2. mchid(商户id)
  3. key(支付key)
  4. certPath(证书路径)

说明:以上参数是sdk需要的参数

第三步:SDK下载(java版本)

首先下载微信支付sdk,我选择的是java开发

下载地址:https://pay.weixin.qq.com/wiki/doc/api/jsapi.php?chapter=11_1

解压之后的目录是这样的

文件说明

src:源代码目录

pom.xml:该库依赖的第三库

README.md:微信提供的示例,这个一定要打开看看,里面有关于怎么使用这个sdk的例子。

把下载下来的代码引入到工程下目录是这样的

第四步:支付过程了解

对应的微信支付文档地址:https://pay.weixin.qq.com/wiki/doc/api/app/app.php?chapter=8_3

下面这个时序图是从用户下单到支付完成过程,涉及的应用包括微信客户端,商户app客户端,上后后台系统,微信支付系统。

大概的过程是这样的

  1. 用户打开商户系统选择商品下单,这时候商户系统后台生成订单和订单明细,记录到数据库中(购物车)
  2. 用户向商户系统发送支付请求(带上订单id)
  3. 商户系统系统根据订单id计算金额等一些信息(收集一些支付参数)
  4. 向微信发起支付请求(生成预支付订单),并且返回预支付参数(用于调起微信支付界面)
  5. 商户系统接收微信系统的支付结果推送。
  6. 商户系统根据推送结果更新订单状态

基本上我们关注的是商户系统的开发,比如购物车(生成订单和订单明细),更新订单支付状态这些功能点了

APP支付时序图

第五步:开始设计和编码

了解以上微信支付的过程后接下来要编码就简单多了,

首先我们需要有个订单和订单明细表,如customer_order,customer_order_detail,

customer_order主要的字段包括:

字段名称 类型 说明
id string  
pay_time datatime 支付时间
total_fee int 订单金额(单位:分)
customer_id string 用户id
order_state string 订单状态
     
     

 

customer_order_detail主要字段包括:

字段名称 类型 说明
id string  
order_id string 订单主键
good_id string 商品id
count int 商品数量
unit_price int 单价(分)

 

 

 

调用微信统一支付接口代码

public Map<String, String> pay(String orderId,String ip, boolean debug,String openid) throws Exception {
        
        OrderInfo order = orderInfoDao.get(orderId);
        if(order == null)
        {
            throw new ServiceException(ErrorCode.ORDER_ERR3);
        }
        
        if(!OrderState.NOT_PAY.getValue().equals(order.getOrderState())){
            throw new ServiceException(ErrorCode.ORDER_ERR4);
        }
        
        if(!order.getOpenid().equals(openid)){
            throw new ServiceException(ErrorCode.ORDER_ERR6);
        }
        Map<String, String> resp = null;
        Map<String, String> res = new HashMap<String, String>();
        if(debug){
            resp = new HashMap<String, String>();
            resp.put("debug", "true");
            resp.put("totalFee",order.getTotalFee().toString());
            
        }else{
            
            System.out.println("-----------------appid=" + config.getAppID());
            System.out.println("-----------------mchid=" + config.getMchID());
            
            log.debug("--------appid="+config.getAppID());
            log.debug("--------mchid="+config.getMchID());
            log.debug("--------key="+config.getKey());
            config.print();
            // 生成微信支付
            WXPay wxpay = new WXPay(config);
            Map<String, String> wxData = new HashMap<String, String>();
            String timeStamp = String.valueOf(new Date().getTime()/1000);
            wxData.put("body", order.getTableId());
//            wxData.put("body", "999999999999");
            wxData.put("out_trade_no", order.getId());
            wxData.put("openid", openid);
            wxData.put("device_info","device_info");
            wxData.put("fee_type", "CNY");
            wxData.put("total_fee", "1");
            //wxData.put("total_fee", String.valueOf(Double.valueOf(order.getTotalFee()).intValue()));
            log.info("订单金额:" + wxData.get("total_fee"));
            wxData.put("spbill_create_ip", ip);
            wxData.put("notify_url", notifyUrl);
            wxData.put("timeStamp", timeStamp);
            wxData.put("openid", openid);
            wxData.put("trade_type", "JSAPI");  // 
            
            //boolean b = new File("conf/apiclient_cert.p12").exists();
            log.info("============正在调用支付接口参数" + wxData);
//            wxData.put("product_id",course.getId());
            resp = wxpay.unifiedOrder(wxData);
            log.info("下单返回结果:"+resp);
            
           
            res.put("appId", resp.get("appid"));
            res.put("timeStamp", timeStamp);
            res.put("nonceStr", resp.get("nonce_str"));
            res.put("signType", "MD5");
            res.put("package", "prepay_id="+resp.get("prepay_id"));
            
            String paySign = WXPayUtil.generateSignature(res, config.getKey(), SignType.MD5);
            res.put("paySign", paySign);
        }
        
        order.preUpdate();
        int result = orderInfoDao.update(order);
        if(result != 1)
        {
            throw new ServiceException(ErrorCode.COMMON_SYS_BUSY);
        }
        
        return res;
       
    }

 

这里要注意的就是返回的结果中要有个对参数进行签名,sdk中提供的是扫描支付号线更没有加入最后一行的签名,我这里遇到了一坑花了好长时间,其实时序图中已经写明了要进行签名,所以吸取个教训,一定要看清楚文档。

拉起微信支付界面

 

这里需要利用上一步的参数,然后调用微信内置浏览器的函数拉起微信支付,所以这里一定要在微信内打开才能拉起支付,在别的手机浏览器或者电脑浏览器打开是不行的。

function onBridgeReady(data) {

            var payPare = {
                "appId" : data.appId, //公众号名称,由商户传入     
                "timeStamp" : data.timeStamp, //时间戳,自1970年以来的秒数     
                "nonceStr" : data.nonceStr, //随机串     
                "package" : data.package,//"prepay_id=u802345jgfjsdfgsdg888",     
                "signType" : "MD5", //微信签名方式:     
                "paySign" : data.paySign
            //微信签名 
            };

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

 

 

如果程序正常调用该函数应该会拉起微信支付界面,这里值得说下的是维系貌似有提供沙箱模式给开发者测试用的,但是没必要开发过程中可以先把金额调整1分钱就行了,就像下图这样。真实环境开干啊。

 

最后一步:更新支付状态(订单状态)

这里需要说下在调用预支付(统一支付接口)的时候有个参数是设置回调的连接,notify_url,这个连接是用户支付之后微信用这个链接来告诉你支付结果的,这里要注意更新订单的时候要判断下微信是否已经支付过了(判重),好像微信不止推送一次的,如果订单不止未支付和已支付2个状态那么一定要做一下判重。

public AppResponse payResult(HttpServletRequest request) {
        boolean debug = "true".equals(Global.getConfig("debug"));
        
        if(debug){
            String orderId = request.getParameter("orderId");
            
            orderService.updateOrderByOutTradeNo(orderId,
                    orderId, "",true);
            return new AppResponse(ErrorCode.COMMON_SUCCESS.getKey(),ErrorCode.COMMON_SUCCESS.getMsg(),orderId);
        }
        
        loger.debug("收到微信支付成功通知");
        InputStream inStream;
        String outTradeNo = null;
        try {
            inStream = request.getInputStream();

            int _buffer_size = 1024;

            if (inStream == null)
                return null;

            ByteArrayOutputStream outStream = new ByteArrayOutputStream();
            byte[] tempBytes = new byte[_buffer_size];
            int count = -1;
            while ((count = inStream.read(tempBytes, 0, _buffer_size)) != -1) {
                outStream.write(tempBytes, 0, count);
            }
            tempBytes = null;
            outStream.flush();
            // 将流转换成字符串
            String result = new String(outStream.toByteArray(), "UTF-8");

            WXPay wxpay = new WXPay(config);

            Map<String, String> notifyMap = WXPayUtil.xmlToMap(result); // 转换成map

            
            if (wxpay.isPayResultNotifySignatureValid(notifyMap)) {
                loger.debug("签名成功");
                // 签名正确
                // 进行处理。
                // 注意特殊情况:订单已经退款,但收到了支付结果成功的通知,不应把商户侧订单状态从退款改成支付成功
                String payResult = notifyMap.get("return_code");

                outTradeNo = notifyMap.get("out_trade_no"); // 商户订单号
                String transactionId = notifyMap.get("transaction_id"); // 微信订单号
                loger.debug("-------------微信订单号:transaction_id="+transactionId);
                loger.debug("-------------outTradeNo:outTradeNo="+outTradeNo);
                orderService.updateOrderByOutTradeNo(outTradeNo,
                        transactionId, payResult,false);
                
            } else {
                // 签名错误,如果数据里没有sign字段,也认为是签名错误
            }
        } catch (ServiceException e) {
            e.printStackTrace();
            loger.debug(e.getMessage());
        } catch (IOException e) {
            loger.debug(e.getMessage());
            e.printStackTrace();
        } catch (Exception e) {
            loger.debug(e.getMessage());
            e.printStackTrace();
        }

        return null;
    }

 

 

以上就是基本的支付流程了,我遇到的问题大概就是支付参数获取麻烦(商户号不是我的),和少了次签名,导致花了好多时间。

完毕,谢谢大家


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM