微信H5页面JSAPI支付

官方文档地址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 packageParams = new TreeMap();
        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=""+
                ""+APPID+""+
                ""+attach+""+
                ""+
                ""+MCHID+""+
                ""+nonce_str+""+
                ""+sign+""+
                ""+NOTIFY_URL+""+
                ""+out_trade_no+""+
                ""+spbill_create_ip+""+
                ""+money+""+
                "JSAPI"+
                ""+openid+""+
                "";

返回参数为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 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链接不在合法范围内
配置可外网访问