微信支付之HTML5页面WAP端接入

2024-06-15 08:32

本文主要是介绍微信支付之HTML5页面WAP端接入,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

1. 前言

  公司是通过支付宝和微信支付那块内容获取收入,app端已经接入成功,现在要做WAP端。需要页面和后台接口一起来实现。

  2. 接口接入

  因为微信支付版本更新了,网上下的demo是V2.5版的,用不了了。所以去网上找资料,看到最新版的V3。

  这里我找到了一个统一下单接口,文档入口.

  他的接口地址为:https://api.mch.weixin.qq.com/pay/unifiedorder

  因此,开始接入我所需要的wap端参数。

  这里需要的参数关键有Appid,mch_id,key。

  appid和mch_id是在公众平台那边获取。key值是在商户平台(pay.weixin.qq.com)-->账户设置-->API安全-->密钥设置 这边自己设置的。

  坑一:若key值设置不对,会出现错误“支付权限查询失败” 。这时候请检查 appid,mch_id所在的公众号 对应 商户号的key值是否正确。

  坑二:我在开发中还遇到“您没有WAP支付权限” 这么个错误。百了很久都没人遇到这个坑。于是,发送邮件给微信支付(weixinpay@tencent.com, wepayTS@tencent.com)这两个邮件我都发了,结果还是漫无回应啊。于是,打通了商户平台的客服(0755-86018333),客服是MM,估计不懂技术问题,叫我去提问平台提交问题(http://kf.qq.com//bills/150821samab01c976f2a.html),说是技术人员看到会回复的,我问是不是 马上回复,MM不说,就说会回复的,唉,毕竟人家客服不懂,就没继续问下去了。打开客服给的网址,填写的时候,发现没有WAP端,也没有统一下单这说法,那我只好填写了  网页(JSAPI)支付 ,下面在详细说明,提交后,出现了个提示,说是七天内给个回应。我去,那还不是白忙活,要7天 业务紧急啊。。

  3. 代码编写

  (1) 获取统一下单参数

Java代码
  1. public String CreateWapUrl(String outTradeNo, String ip) throws SDKRuntimeException {    
  2.     HashMap<String, Object> param = new HashMap<String, Object>();    
  3.     param.put("appid", WxPayConfig.APPID);    
  4.     param.put("mch_id", WxPayConfig.MCHID);    
  5.     param.put("nonce_str", CommonUtil.CreateNoncestr());    
  6.     param.put("body""产品测试");    
  7.     param.put("out_trade_no", outTradeNo);    
  8.     param.put("total_fee"1);    
  9.     param.put("spbill_create_ip", ip);    
  10.     param.put("notify_url", WxPayConfig.NOTIFYURL);    
  11.     param.put("trade_type""WAP");    
  12.     param.put("sign", getSign(param));    
  13.     return CommonUtil.MapToXml(param);    
  14. }    

  (2) 获取签名值

Java代码
  1. public String getSign(HashMap<String, Object> param) throws SDKRuntimeException {    
  2.     String sign="";    
  3.     String content = CommonUtil.FormatParamMap(param);    
  4.     sign =  Sign(content, WxPayConfig.KEY);    
  5.     return sign;    
  6. }    
  7.     
  8. public static String Sign(String content, String key) throws SDKRuntimeException {    
  9.     String signStr = "";    
  10.     if ("" == key) {    
  11.         throw new SDKRuntimeException("财付通签名key不能为空!");    
  12.     }    
  13.     if ("" == content) {    
  14.         throw new SDKRuntimeException("财付通签名内容不能为空");    
  15.     }    
  16.     signStr = content + "&key=" + key;    
  17.     return MD5Util.MD5(signStr).toUpperCase();    
  18. }    

  (3) 工具类方法

Java代码
  1. public static boolean IsNumeric(String str) {    
  2.     if (str.matches("\\d *")) {    
  3.         return true;    
  4.     } else {    
  5.         return false;    
  6.     }    
  7. }    
  8.     
  9. //map转成xml    
  10. public static String MapToXml(HashMap<String, Object> arr) {    
  11.     String xml = "<xml>";    
  12.         
  13.     Iterator<Entry<String, Object>> iter = arr.entrySet().iterator();    
  14.     while (iter.hasNext()) {    
  15.         Entry<String, Object> entry = iter.next();    
  16.         String key = entry.getKey();    
  17.         String val = entry.getValue()+"";    
  18.         if (IsNumeric(val)) {    
  19.             xml += "<" + key + ">" + val + "</" + key + ">";    
  20.     
  21.         } else    
  22.             xml += "<" + key + "><![CDATA[" + val + "]]></" + key + ">";    
  23.     }    
  24.     
  25.     xml += "</xml>";    
  26.     return xml;    
  27. }    
  28.     
  29. //xml转成map    
  30. @SuppressWarnings("unchecked")    
  31. public static Map<String, String> parseXml(String xml) throws Exception {    
  32.      Map<String, String> map = new HashMap<String, String>();    
  33.      Document document = DocumentHelper.parseText(xml);    
  34.      Element root = document.getRootElement();    
  35.      List<Element> elementList = root.elements();    
  36.      for (Element e : elementList) {    
  37.          map.put(e.getName(), e.getText());    
  38.      }    
  39.      return map;    
  40. }    
  41.     
  42.     
  43. public static String FormatParamMap(HashMap<String, Object> parameters) throws SDKRuntimeException {    
  44.     String buff = "";    
  45.     try {    
  46.         List<Map.Entry<String, Object>> infoIds = new ArrayList<Map.Entry<String, Object>>(    
  47.                 parameters.entrySet());    
  48.         Collections.sort(infoIds,    
  49.                 new Comparator<Map.Entry<String, Object>>() {    
  50.                     public int compare(Map.Entry<String, Object> o1,    
  51.                             Map.Entry<String, Object> o2) {    
  52.                         return (o1.getKey()).toString().compareTo(    
  53.                                 o2.getKey());    
  54.                     }    
  55.                 });    
  56.     
  57.         for (int i = 0; i < infoIds.size(); i++) {    
  58.             Map.Entry<String, Object> item = infoIds.get(i);    
  59.             if (item.getKey() != "") {    
  60.                 buff += item.getKey() + "="    
  61.                         + URLEncoder.encode(item.getValue()+"""utf-8") + "&";    
  62.             }    
  63.         }    
  64.         if (buff.isEmpty() == false) {    
  65.             buff = buff.substring(0, buff.length() - 1);    
  66.         }    
  67.     } catch (Exception e) {    
  68.         throw new SDKRuntimeException(e.getMessage());    
  69.     }    
  70.     return buff;    
  71. }    
  72.     
  73. public static String CreateNoncestr() {    
  74.     String chars = "abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789";    
  75.     String res = "";    
  76.     for (int i = 0; i < 16; i++) {    
  77.         Random rd = new Random();    
  78.         res += chars.charAt(rd.nextInt(chars.length() - 1));    
  79.     }    
  80.     return res;    
  81. }    

  (4) 发送请求方法

Java代码
  1. public static String sendPost(String url, String param,String charset) {    
  2.         PrintWriter out = null;    
  3.         BufferedReader in = null;    
  4.         String result = "";    
  5.         try {    
  6.             URL realUrl = new URL(url);    
  7.             // 打开和URL之间的连接    
  8.             URLConnection conn = realUrl.openConnection();    
  9.             // 设置通用的请求属性    
  10.             conn.setRequestProperty("accept""*/*");    
  11.             conn.setRequestProperty("connection""Keep-Alive");    
  12.             conn.setRequestProperty("user-agent""Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.1;SV1)");    
  13.               
  14.             // 发送POST请求必须设置如下两行    
  15.             conn.setDoOutput(true);    
  16.             conn.setDoInput(true);    
  17.             // 获取URLConnection对象对应的输出流    
  18.             out = new PrintWriter(conn.getOutputStream());    
  19.             // 发送请求参数    
  20.             out.print(new String(param.getBytes(),charset));    
  21.             // flush输出流的缓冲    
  22.             out.flush();    
  23.             // 定义BufferedReader输入流来读取URL的响应    
  24.             in = new BufferedReader(new InputStreamReader(conn.getInputStream(), charset));    
  25.             String line;    
  26.             while ((line = in.readLine()) != null) {    
  27.                 result += line;    
  28.             }    
  29.         } catch (Exception e) {    
  30.             e.printStackTrace();    
  31.         }    
  32.         //使用finally块来关闭输出流、输入流    
  33.         finally{    
  34.             try{    
  35.                 if(out!=null){    
  36.                     out.close();    
  37.                 }    
  38.                 if(in!=null){    
  39.                     in.close();    
  40.                 }    
  41.             }    
  42.             catch(IOException ex){    
  43.                 ex.printStackTrace();    
  44.             }    
  45.         }    
  46.         return result;    
  47.     }        

  (5) 执行接口

Java代码
  1. //网页版微信支付接口    
  2. public String wxWapPay() throws Exception {    
  3.     String result = SUCCESS;    
  4.     String message = "";    
  5.     int code = 0;    
  6.     try {    
  7.         String ip = getIpAddr(request);    
  8.         String outTradeNo = new SimpleDateFormat("YYYYMMDDHHmmssSSS").format(new Date())+"-wap";    
  9.         String param = new WxPayHelper().CreateWapUrl(outTradeNo, ip);    
  10.         String resp = HttpRequest.sendPost(WxPayConfig.UNIFIEDORDER_INTERFACE, param, "utf-8");    
  11.         Map<String, String> res = CommonUtil.parseXml(resp);    
  12.             
  13.         if(res.get("return_code") == "SUCCESS") {    
  14.             if(res.get("result_code") == "SUCCESS") {    
  15.                 message = res.get("code_url");    
  16.             }else {    
  17.                 code = -1;    
  18.                 message = res.get("err_code_des");    
  19.                 logger.error("wxWapPay error code"+res.get("err_code")+", reason is "+res.get("err_code_des"));    
  20.             }    
  21.         }else {    
  22.             code = -1;    
  23.             message = res.get("return_msg");    
  24.             logger.error("wxWapPay error reason is "+res.get("return_msg"));    
  25.         }    
  26.     } catch (Exception e) {    
  27.         code = -1;    
  28.         logger.error("wxWapPay Exception reason is "+ e);    
  29.         e.printStackTrace();    
  30.     }    
  31.     dataMap = new HashMap<String, Object>();    
  32.     dataMap.put("code", code);    
  33.     dataMap.put("message", message);    
  34.         
  35.     return result;    
  36. }   





链接:

https://pay.weixin.qq.com/wiki/doc/api/wap.php?chapter=15_4


https://pay.weixin.qq.com/wiki/doc/api/wap.php?chapter=4_3


https://pay.weixin.qq.com/wiki/doc/api/wap.php?chapter=9_1

这篇关于微信支付之HTML5页面WAP端接入的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/1062935

相关文章

vite搭建vue3项目的搭建步骤

《vite搭建vue3项目的搭建步骤》本文主要介绍了vite搭建vue3项目的搭建步骤,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学... 目录1.确保Nodejs环境2.使用vite-cli工具3.进入项目安装依赖1.确保Nodejs环境

Nginx搭建前端本地预览环境的完整步骤教学

《Nginx搭建前端本地预览环境的完整步骤教学》这篇文章主要为大家详细介绍了Nginx搭建前端本地预览环境的完整步骤教学,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一下... 目录项目目录结构核心配置文件:nginx.conf脚本化操作:nginx.shnpm 脚本集成总结:对前端的意义很多

前端缓存策略的自解方案全解析

《前端缓存策略的自解方案全解析》缓存从来都是前端的一个痛点,很多前端搞不清楚缓存到底是何物,:本文主要介绍前端缓存的自解方案,文中通过代码介绍的非常详细,需要的朋友可以参考下... 目录一、为什么“清缓存”成了技术圈的梗二、先给缓存“把个脉”:浏览器到底缓存了谁?三、设计思路:把“发版”做成“自愈”四、代码

通过React实现页面的无限滚动效果

《通过React实现页面的无限滚动效果》今天我们来聊聊无限滚动这个现代Web开发中不可或缺的技术,无论你是刷微博、逛知乎还是看脚本,无限滚动都已经渗透到我们日常的浏览体验中,那么,如何优雅地实现它呢?... 目录1. 早期的解决方案2. 交叉观察者:IntersectionObserver2.1 Inter

Vue3视频播放组件 vue3-video-play使用方式

《Vue3视频播放组件vue3-video-play使用方式》vue3-video-play是Vue3的视频播放组件,基于原生video标签开发,支持MP4和HLS流,提供全局/局部引入方式,可监听... 目录一、安装二、全局引入三、局部引入四、基本使用五、事件监听六、播放 HLS 流七、更多功能总结在 v

JS纯前端实现浏览器语音播报、朗读功能的完整代码

《JS纯前端实现浏览器语音播报、朗读功能的完整代码》在现代互联网的发展中,语音技术正逐渐成为改变用户体验的重要一环,下面:本文主要介绍JS纯前端实现浏览器语音播报、朗读功能的相关资料,文中通过代码... 目录一、朗读单条文本:① 语音自选参数,按钮控制语音:② 效果图:二、朗读多条文本:① 语音有默认值:②

vue监听属性watch的用法及使用场景详解

《vue监听属性watch的用法及使用场景详解》watch是vue中常用的监听器,它主要用于侦听数据的变化,在数据发生变化的时候执行一些操作,:本文主要介绍vue监听属性watch的用法及使用场景... 目录1. 监听属性 watch2. 常规用法3. 监听对象和route变化4. 使用场景附Watch 的

前端导出Excel文件出现乱码或文件损坏问题的解决办法

《前端导出Excel文件出现乱码或文件损坏问题的解决办法》在现代网页应用程序中,前端有时需要与后端进行数据交互,包括下载文件,:本文主要介绍前端导出Excel文件出现乱码或文件损坏问题的解决办法,... 目录1. 检查后端返回的数据格式2. 前端正确处理二进制数据方案 1:直接下载(推荐)方案 2:手动构造

Vue实现路由守卫的示例代码

《Vue实现路由守卫的示例代码》Vue路由守卫是控制页面导航的钩子函数,主要用于鉴权、数据预加载等场景,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着... 目录一、概念二、类型三、实战一、概念路由守卫(Navigation Guards)本质上就是 在路

C#自动化实现检测并删除PDF文件中的空白页面

《C#自动化实现检测并删除PDF文件中的空白页面》PDF文档在日常工作和生活中扮演着重要的角色,本文将深入探讨如何使用C#编程语言,结合强大的PDF处理库,自动化地检测并删除PDF文件中的空白页面,感... 目录理解PDF空白页的定义与挑战引入Spire.PDF for .NET库核心实现:检测并删除空白页