支付宝-支付h5扫码跳转到转账到银行卡功能实现
支付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
关注公众号:程序新视界,一个让你软实力、硬技术同步提升的平台
除非注明,否则均为程序新视界原创文章,转载必须以链接形式标明本文链接