uni-app 接入银联H5支付(Java)思路代码

uni-app 接入银联H5支付(Java)思路代码

银联文档地址: H5支付.

第一次接触银联支付的话建议 跑一下官方的Demo
银联文档uni-app目前没有集成银联支付 这个我真的差评~ 不过也提供了解决的思路吧 但是还是差评…
uni-appweb-viewuni-app 官方给出的解决方案是用web-view组件跳转到外部页面去唤起支付 直接贴uni-app代码吧

uni-app-web-view

代码片.

<template>
    <view>
        <web-view :src="url"></web-view>
    </view>
</template>
export default {
        data() {
            return {
                url: ''
            }
        },
        methods:{                     
        },
        onLoad(option) {
         	
            this.url= "http://192.168.1.8:8080/pay?money="+ option.money
            
        }
    }

到这里看到跳转的url思路应该很明确了吧 就是外部调取支付… 理论上已经离开了 uni-app的页面了
不要问为什么要这样做 通过js代码创建div然后提交表单 它不香嘛 但是问题是不兼容APP~这就很烦

Java(后台部分代码)可以参考官方的Demo取代码

代码片.

@Override
	protected void pay(HttpServletRequest req, HttpServletResponse resp)
			throws ServletException, IOException {
		resp.setContentType("text/html; charset="+ DemoBase.encoding);		
		
		String merId = "";//银联商户id
		String txnAmt = "";//金额分(参考支付宝的做法)
		String orderId = "";//订单编号
		String txnTime = "";//时间
		
		Map<String, String> requestData = new HashMap<String, String>();
		
		/***银联全渠道系统,产品参数,除了encoding自行选择外其他不需修改***/
		requestData.put("version", DemoBase.version);   			  //版本号,全渠道默认值
		requestData.put("encoding", DemoBase.encoding); 			  //字符集编码,可以使用UTF-8,GBK两种方式
		requestData.put("signMethod", SDKConfig.getConfig().getSignMethod()); //签名方法
		requestData.put("txnType", "01");               			  //交易类型 ,01:消费
		requestData.put("txnSubType", "01");            			  //交易子类型, 01:自助消费
		requestData.put("bizType", "000201");           			  //业务类型,B2C网关支付,手机wap支付
		requestData.put("channelType", "07");           			  //渠道类型,这个字段区分B2C网关支付和手机wap支付;07:PC,平板  08:手机
		
		/***商户接入参数***/
		requestData.put("merId", merId);    	          			  //商户号码,请改成自己申请的正式商户号或者open上注册得来的777测试商户号
		requestData.put("accessType", "0");             			  //接入类型,0:直连商户 
		requestData.put("orderId",orderId);             //商户订单号,8-40位数字字母,不能含“-”或“_”,可以自行定制规则		
		requestData.put("txnTime", txnTime);        //订单发送时间,取系统时间,格式为yyyyMMddHHmmss,必须取当前时间,否则会报txnTime无效
		requestData.put("currencyCode", "156");         			  //交易币种(境内商户一般是156 人民币)		
		requestData.put("txnAmt", txnAmt);             			      //交易金额,单位分,不要带小数点
		//requestData.put("reqReserved", "透传字段");        		      //请求方保留域,如需使用请启用即可;透传字段(可以实现商户自定义参数的追踪)本交易的后台通知,对本交易的交易状态查询交易、对账文件中均会原样返回,商户可以按需上传,长度为1-1024个字节。出现&={}[]符号时可能导致查询接口应答报文解析失败,建议尽量只传字母数字并使用|分割,或者可以最外层做一次base64编码(base64编码之后出现的等号不会导致解析失败可以不用管)。		
		
		requestData.put("riskRateInfo", "{commodityName=测试商品名称}");
		
		//前台通知地址 (需设置为外网能访问 http https均可),支付成功后的页面 点击“返回商户”按钮的时候将异步通知报文post到该地址
		//如果想要实现过几秒中自动跳转回商户页面权限,需联系银联业务申请开通自动返回商户权限
		//异步通知参数详见open.unionpay.com帮助中心 下载  产品接口规范  网关支付产品接口规范 消费交易 商户通知
		requestData.put("frontUrl", DemoBase.frontUrl);
		
		//后台通知地址(需设置为【外网】能访问 http https均可),支付成功后银联会自动将异步通知报文post到商户上送的该地址,失败的交易银联不会发送后台通知
		//后台通知参数详见open.unionpay.com帮助中心 下载  产品接口规范  网关支付产品接口规范 消费交易 商户通知
		//注意:1.需设置为外网能访问,否则收不到通知    2.http https均可  3.收单后台通知后需要10秒内返回http200或302状态码 
		//    4.如果银联通知服务器发送通知后10秒内未收到返回状态码或者应答码非http200,那么银联会间隔一段时间再次发送。总共发送5次,每次的间隔时间为0,1,2,4分钟。
		//    5.后台通知地址如果上送了带有?的参数,例如:http://abc/web?a=b&c=d 在后台通知处理程序验证签名之前需要编写逻辑将这些字段去掉再验签,否则将会验签失败
		requestData.put("backUrl", DemoBase.backUrl);

		// 订单超时时间。
		// 超过此时间后,除网银交易外,其他交易银联系统会拒绝受理,提示超时。 跳转银行网银交易如果超时后交易成功,会自动退款,大约5个工作日金额返还到持卡人账户。
		// 此时间建议取支付时的北京时间加15分钟。
		// 超过超时时间调查询接口应答origRespCode不是A6或者00的就可以判断为失败。
		requestData.put("payTimeout", new SimpleDateFormat("yyyyMMddHHmmss").format(new Date().getTime() + 15 * 60 * 1000));
		
		//
		//
		//       报文中特殊用法请查看 PCwap网关跳转支付特殊用法.txt
		//
		//
		
		/**请求参数设置完毕,以下对请求参数进行签名并生成html表单,将表单写入浏览器跳转打开银联页面**/
		Map<String, String> submitFromData = AcpService.sign(requestData,DemoBase.encoding);  //报文中certId,signature的值是在signData方法中获取并自动赋值的,只要证书配置正确即可。
		
		String requestFrontUrl = SDKConfig.getConfig().getFrontRequestUrl();  //获取请求银联的前台地址:对应属性文件acp_sdk.properties文件中的acpsdk.frontTransUrl
		String html = AcpService.createAutoFormHtml(requestFrontUrl, submitFromData,DemoBase.encoding);   //生成自动跳转的Html表单
		
		LogUtil.writeLog("打印请求HTML,此为请求报文,为联调排查问题的依据:"+html);
		//将生成的html写到浏览器中完成自动跳转打开银联支付页面;这里调用signData之后,将html写到浏览器跳转到银联页面之前均不能对html中的表单项的名称和值进行修改,如果修改会导致验签不通过
		resp.getWriter().write(html);
	}

Java后台部分代码 直接参考官方的例子就OK了 问题不是很大~ 少了就从官方那里补 不都贴出来了

经过测试是么得问题的~
在这里插入图片描述
总结一下:
1.uni-app实属不咋好用~百度例子太少了
2.我万万没想到这个银联支付是提交表单的方式调取支付的,我以为直接返回一个链接或者data给前端使用就完事。然后现在是通过后台去跳转支付,捞~
3.都不好使,估计后面还有坑要踩呢,后面再记录打包安卓跟ios之后银联的坑吧

已标记关键词 清除标记
相关推荐
©️2020 CSDN 皮肤主题: 1024 设计师:白松林 返回首页