支付h5扫码跳转到转账到银行卡功能实现

支付宝的转账到银行卡功能，可以通过扫描二维码，然后通过h5页面操作的形式，直接跳转到支付页面，并填充银行卡和支付金额信息。

具体实现

在支付宝扫码的过程中解析的是如下格式的内容：

alipays://platformapi/startapp?appId=09999988&actionType=toCard&sourceId=bill&cardNo=62xxxxxxxxxx1234567&bankAccount=张三&money=100.00&amount=100.00&bankMark=CCB&bankName=中国建设银行

那么，关于上面的这段代码怎么使用呢？以java为例，首先通过前端或后端二维码，生成一个二维码，此二维码的内容为获得上面的编码。比如定义一个请求url：。而该url请求会返回一个内容无空，只执行url跳转的代码。

<script>
    if(navigator.userAgent.match(/Alipay/i)) {
        // 支付宝
        window.location.href = "${result}";
    } else {
        new QRCode(document.getElementById("qrcode"), {width : 200, height : 200}).makeCode("${url}");
    }
</script>

其中上面${result}就是渲染页面时后台返回的上面的结果码。

此时，支付宝就会根据上面的结果码中定义的内容自动跳转并填充转账到银行卡的内容信息，进行转账操作。可谓方便快捷。

支付码解析

下面解析一下支付码中每个字段的含义。

银行简码

部分银行简码如下：

中国工商银行 ICBC and Bank of China

中国建设银行 CCB China Bank

汇丰银行 HSBC and Banking

中国银行 BC Bank of China

中国农业银行 ABC Bank of China

交通银行 BC Bank of

招商银行 CMB China Bank

中国民生银行 CMB China Bank

上海浦东发展银行SPDB Pudong Bank

中信银行 China CITIC Bank

中国光大银行 CEB China Bank

华夏银行 HB Huaxia Bank

广东发展银行 GDB Bank

深圳发展银行 SDB Bank

兴业银行 CIB China’s Bank

国家开发银行 CDB China Bank

中国进出口银行 EIBC Export-Import Bank of China

中国农业发展银行 ADBC of China

以上简码只是相对标准的简码，部分简码可能与支付宝定义的不同。建议同时参考文章《阿里支付宝Alipay银行简码》