支付h5掃碼跳轉到轉賬到銀行卡功能實現(xiàn)

支付寶的轉賬到銀行卡功能，可以通過掃描二維碼，然后通過h5頁面操作的形式，直接跳轉到支付頁面，并填充銀行卡和支付金額信息。

具體實現(xiàn)

在支付寶掃碼的過程中解析的是如下格式的內容：

alipays://platformapi/startapp?appId=09999988&actionType=toCard&sourceId=bill&cardNo=62xxxxxxxxxx1234567&bankAccount=張三&money=100.00&amount=100.00&bankMark=CCB&bankName=中國建設銀行

那么，關于上面的這段代碼怎么使用呢？以java為例，首先通過前端或后端二維碼，生成一個二維碼，此二維碼的內容為獲得上面的編碼。比如定義一個請求url：。而該url請求會返回一個內容無空，只執(zhí)行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}就是渲染頁面時后臺返回的上面的結果碼。

此時，支付寶就會根據(jù)上面的結果碼中定義的內容自動跳轉并填充轉賬到銀行卡的內容信息，進行轉賬操作?？芍^方便快捷。

支付碼解析

下面解析一下支付碼中每個字段的含義。

銀行簡碼

部分銀行簡碼如下：

中國工商銀行 ICBC and Bank of China

中國建設銀行 CCB China Bank

匯豐銀行 HSBC and Banking

中國銀行 BC Bank of China

中國農業(yè)銀行 ABC Bank of China

交通銀行 BC Bank of

招商銀行 CMB China Bank

中國民生銀行 CMB China Bank

上海浦東發(fā)展銀行SPDB Pudong Bank

中信銀行 China CITIC Bank

中國光大銀行 CEB China Bank

華夏銀行 HB Huaxia Bank

廣東發(fā)展銀行 GDB Bank

深圳發(fā)展銀行 SDB Bank

興業(yè)銀行 CIB China’s Bank

國家開發(fā)銀行 CDB China Bank

中國進出口銀行 EIBC Export-Import Bank of China

中國農業(yè)發(fā)展銀行 ADBC of China

以上簡碼只是相對標準的簡碼，部分簡碼可能與支付寶定義的不同。建議同時參考文章《阿里支付寶Alipay銀行簡碼》