微信支付之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

相关文章

HTML5中的Microdata与历史记录管理详解

《HTML5中的Microdata与历史记录管理详解》Microdata作为HTML5新增的一个特性,它允许开发者在HTML文档中添加更多的语义信息,以便于搜索引擎和浏览器更好地理解页面内容,本文将探... 目录html5中的Mijscrodata与历史记录管理背景简介html5中的Microdata使用M

html5的响应式布局的方法示例详解

《html5的响应式布局的方法示例详解》:本文主要介绍了HTML5中使用媒体查询和Flexbox进行响应式布局的方法,简要介绍了CSSGrid布局的基础知识和如何实现自动换行的网格布局,详细内容请阅读本文,希望能对你有所帮助... 一 使用媒体查询响应式布局        使用的参数@media这是常用的

HTML5表格语法格式详解

《HTML5表格语法格式详解》在HTML语法中,表格主要通过table、tr和td3个标签构成,本文通过实例代码讲解HTML5表格语法格式,感兴趣的朋友一起看看吧... 目录一、表格1.表格语法格式2.表格属性 3.例子二、不规则表格1.跨行2.跨列3.例子一、表格在html语法中,表格主要通过< tab

Vue3组件中getCurrentInstance()获取App实例,但是返回null的解决方案

《Vue3组件中getCurrentInstance()获取App实例,但是返回null的解决方案》:本文主要介绍Vue3组件中getCurrentInstance()获取App实例,但是返回nu... 目录vue3组件中getCurrentInstajavascriptnce()获取App实例,但是返回n

JS+HTML实现在线图片水印添加工具

《JS+HTML实现在线图片水印添加工具》在社交媒体和内容创作日益频繁的今天,如何保护原创内容、展示品牌身份成了一个不得不面对的问题,本文将实现一个完全基于HTML+CSS构建的现代化图片水印在线工具... 目录概述功能亮点使用方法技术解析延伸思考运行效果项目源码下载总结概述在社交媒体和内容创作日益频繁的

前端CSS Grid 布局示例详解

《前端CSSGrid布局示例详解》CSSGrid是一种二维布局系统,可以同时控制行和列,相比Flex(一维布局),更适合用在整体页面布局或复杂模块结构中,:本文主要介绍前端CSSGri... 目录css Grid 布局详解(通俗易懂版)一、概述二、基础概念三、创建 Grid 容器四、定义网格行和列五、设置行

前端下载文件时如何后端返回的文件流一些常见方法

《前端下载文件时如何后端返回的文件流一些常见方法》:本文主要介绍前端下载文件时如何后端返回的文件流一些常见方法,包括使用Blob和URL.createObjectURL创建下载链接,以及处理带有C... 目录1. 使用 Blob 和 URL.createObjectURL 创建下载链接例子:使用 Blob

Vuex Actions多参数传递的解决方案

《VuexActions多参数传递的解决方案》在Vuex中,actions的设计默认只支持单个参数传递,这有时会限制我们的使用场景,下面我将详细介绍几种处理多参数传递的解决方案,从基础到高级,... 目录一、对象封装法(推荐)二、参数解构法三、柯里化函数法四、Payload 工厂函数五、TypeScript

SpringBoot实现微信小程序支付功能

《SpringBoot实现微信小程序支付功能》小程序支付功能已成为众多应用的核心需求之一,本文主要介绍了SpringBoot实现微信小程序支付功能,文中通过示例代码介绍的非常详细,对大家的学习或者工作... 目录一、引言二、准备工作(一)微信支付商户平台配置(二)Spring Boot项目搭建(三)配置文件

Vue3使用router,params传参为空问题

《Vue3使用router,params传参为空问题》:本文主要介绍Vue3使用router,params传参为空问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐... 目录vue3使用China编程router,params传参为空1.使用query方式传参2.使用 Histo