微信H5页面JSAPI支付

作者: 涂涂家的小七呀 | 来源:发表于2019-10-22 12:01 被阅读0次

苹果手机微信JSAPI支付诡异bug之特殊字符
支付如何调取第三方的sdk--收银台页面描述
【微信支付】公众号支付
微信H5支付(JSAPI支付)---前端篇
前端H5微信内部支付
移动端支付流程
JSAPI 简介
微信H5支付
php下应用微信支付功能
微信支付(小程序，H5,公众号，扫码,App)

官方文档地址JSAPI
https://pay.weixin.qq.com/wiki/doc/api/jsapi.php?chapter=7_7&index=6

官方文档地址统一下单
https://pay.weixin.qq.com/wiki/doc/api/jsapi.php?chapter=9_1

后台获取prepay_id参数地址
https://api.mch.weixin.qq.com/pay/unifiedorder

请求参数

        String nonce_str= UUID.randomUUID().toString().replace("-", "");//随机数
        SortedMap<String, Object> packageParams = new TreeMap<String, Object>();
        packageParams.put("appid", APPID);
        packageParams.put("attach", attach);//附加数据
        packageParams.put("body", describe);//商品描述
        packageParams.put("mch_id", MCHID);//商户号
        packageParams.put("nonce_str", nonce_str);//随机数
        packageParams.put("notify_url", NOTIFY_URL);//异步通知地址
        packageParams.put("out_trade_no", out_trade_no);//商户订单号
        packageParams.put("spbill_create_ip", spbill_create_ip);//订单生成的机器 IP
        packageParams.put("total_fee", money);//总金额必须int               
        packageParams.put("trade_type", "JSAPI"); //类型为JSAPI
        packageParams.put("openid", openid); //JSAPI 时必须传递用户openid
        String sign = WxPayUtils.createSign(packageParams,KEY);//商户KEY， MD5签名(以下签名方式均按照官方要求，并且要与JS端签名类型一致)

xml拼接参数与packageParams一致

        String xml="<xml>"+
                "<appid>"+APPID+"</appid>"+
                "<attach>"+attach+"</attach>"+
                "<body><![CDATA["+describe+"]]></body>"+
                "<mch_id>"+MCHID+"</mch_id>"+
                "<nonce_str>"+nonce_str+"</nonce_str>"+
                "<sign>"+sign+"</sign>"+
                "<notify_url>"+NOTIFY_URL+"</notify_url>"+
                "<out_trade_no>"+out_trade_no+"</out_trade_no>"+
                "<spbill_create_ip>"+spbill_create_ip+"</spbill_create_ip>"+
                "<total_fee>"+money+"</total_fee>"+
                "<trade_type>JSAPI</trade_type>"+
                "<openid>"+openid+"</openid>"+
                "</xml>";

返回参数为xml格式数据

将返回的相应字段get后回传给JS前端

        String appid = (String) map.get("appid");
        String prepay_id = (String) map.get("prepay_id");
        String nonce_str = (String) map.get("nonce_str");
        SortedMap<String, Object> mapParam = new TreeMap();
        mapParam.put("appId", appid);
        mapParam.put("timeStamp", String.valueOf(cUtil.getTime()));
        mapParam.put("nonceStr", nonce_str.trim());
        mapParam.put("package", "prepay_id="+prepay_id.trim());
        mapParam.put("signType", "MD5");
        //二次签名，需要再次将参数(不包括paySign)MD5签名
        mapParam.put("paySign", WxPayUtils.createSign(mapParam,WxJSPay.KEY));

JS端示例(官方)

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，但并不保证它绝对可靠。
      } 
   }); 
}

支付签名校验不通过
1：检查返回给前端的nonceStr字段是否与下单接口返回的一致
2：检查paySign是否二次签名，回传给前端是否正确
3：检查appid是否与前端一致
4：检查signType是否一致
5：检查nonceStr生成规则，注意符号(例如：- )

下单失败,超时
1：检查timeStamp是否10位int
2：检查prepay_id是否在有效期内

该商户没有预订单下单权限
检查商户公众号后台是否配置相关JSAPI

HttpUrl链接不在合法范围内
配置可外网访问