支付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:http://localhost/getAlipayCode。而该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}就是渲染页面时后台返回的上面的结果码。

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

支付码解析

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

  • appId=09999988 // 应用ID -默认,无需修改,直接使用此编码
  • actionType=toCard // 转账类型 toCard-到银行卡,此处也是默认,无需修改。
  • sourceId=bill // 未知
  • cardNo=62xxxxxxxxxx1234567 // 银行卡号
  • bankAccount=张三 // 银行账户-姓名
  • money=0.01 // 转账金额,用于显示金额
  • amount=0.01 // 转账额度,用于显示金额,一般情况下与上面的金额一致,同时使用这两个。
  • bankMark=CCB // 银行简码 -可选
  • bankName=中国建设银行 // 银行名称

银行简码

部分银行简码如下:

中国工商银行 ICBC Industrial and Commercial Bank of China

中国建设银行 CCB China Construction Bank

汇丰银行 HSBC Hongkong and Shanghai Banking Corporation

中国银行 BC Bank of China

中国农业银行 ABC Agricultural Bank of China

交通银行 BC Bank of Communications

招商银行 CMB China Merchants Bank

中国民生银行 CMB China Minsheng Bank

上海浦东发展银行SPDB Shanghai Pudong Development Bank

中信银行 China CITIC Bank

中国光大银行 CEB China Everbright Bank

华夏银行 HB Huaxia Bank

广东发展银行 GDB Guangdong Development Bank

深圳发展银行 SDB Shenzhen Development Bank

兴业银行 CIB China’s Industrial Bank

国家开发银行 CDB China Development Bank

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

中国农业发展银行 ADBC Agricultural Development of China

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

本文来源:https://www.choupangxia.com



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

关注公众号:程序新视界,一个让你软实力、硬技术同步提升的平台

除非注明,否则均为程序新视界原创文章,转载必须以链接形式标明本文链接

本文链接:https://choupangxia.com/2019/10/01/%e6%94%af%e4%bb%98%e5%ae%9d-%e6%94%af%e4%bb%98h5%e6%89%ab%e7%a0%81%e8%b7%b3%e8%bd%ac%e5%88%b0%e8%bd%ac%e8%b4%a6%e5%88%b0%e9%93%b6%e8%a1%8c%e5%8d%a1%e5%8a%9f%e8%83%bd%e5%ae%9e%e7%8e%b0/