微信公众号：支付宝支付
微信公众号：支付宝支付
由于支付宝月微信是两个对立的企业，支付宝想介入微信的充值，微信发现就将其规避，在支付宝与微信博弈的过程中，双方一直是处于你争我赶的地步。
微信公众号接入支付宝，根据最近的微信版本，支付宝最新给出了wap支付的方式，可去支付宝官网下载demo查看 alipay.trade.wap.pay-java-utf-8，但是官网给出的demo有一些遗留的bug未解决，网上也有给出的相应的解决办法，本人暂未尝试。不过最新版的微信中还是屏蔽掉了一些，目前只能采取引导客户的方式。
当前采用的技术是 VUE+Java
后端
/*** aliPay H5支付* @param depositOrder* @param response* @throws Exception*/@Overridepublic JsonResult aliAppPayH5(DepositOrder depositOrder, HttpServletResponse response) throws AlipayApiException {//生成系统订单号String outTradeNo = HelpUtil.dateToStr(new Date(), DATE_FORMAT) + HelpUtil.radomByLength(4);//以下注释为业务逻辑//depositOrder.setOrderNo(outTradeNo);//depositOrder.setPayChannel("支付宝");//depositOrder.setPayState(OrderSate.NON_PAYMENT.getCode());//depositOrder.setOrderType(OrderSate.NON_PAYMENT.getCode());//depositOrderMapper.insertOrder(depositOrder);AlipayClient alipayClient = new DefaultAlipayClient(AliPayConfig.GATEWAYURL, AliPayConfig.APP_ID,AliPayConfig.MERCHANT_PRIVATE_KEY, "json", AliPayConfig.CHARSET,AliPayConfig.ALIPAY_PUBLIC_KEY, AliPayConfig.SIGN_TYPE);//实例化具体API对应的request类,类名称和接口名称对应,当前调用接口名称：alipay.trade.app.payAlipayTradeWapPayRequest request = new AlipayTradeWapPayRequest();//SDK已经封装掉了公共参数，这里只需要传入业务参数。以下方法为sdk的model入参方式(model和biz_content同时存在的情况下取biz_content)。AlipayTradeWapPayModel model = new AlipayTradeWapPayModel();model.setSubject("充值备注");model.setOutTradeNo(outTradeNo);model.setTotalAmount(Double.toString(depositOrder.getOrderMoney()));model.setTimeoutExpress("30m");model.setProductCode("QUICK_WAP_WAY");request.setBizModel(model);request.setNotifyUrl(AliPayConfig.NOTIFY_URL);//支付宝回调地址//pageExecute 网页支付AlipayTradeWapPayResponse payResponse = alipayClient.pageExecute(request);Map<String, Object> map = new HashMap<>();map.put("alipay", payResponse.getBody());return JsonResult.successResult(map);}
前端
const div = document.createElement('div')div.innerHTML = res.data.data.alipay //此处form就是后台返回接收到的数据document.body.appendChild(div)document.punchout_form.submit(); //返回的xml中的form
