前端实现根据银行卡号得到所属银行以及银行logo

电玩女神 2023-06-22 09:27 133阅读 0赞

根据银行卡号得到所属银行以及银行logo

银行logo下载地址

  • 链接：https://share.weiyun.com/5VxcV92 密码：8twbwh

1. 根据银行卡号获取银行编码

https://ccdcapi.alipay.com/validateAndCacheCardInfo.json?\_input\_charset=utf-8&cardNo=银行卡卡号&cardBinCheck=true

https://apimg.alipay.com/combo.png?d=cashier&t=银行代码

  1. { 
  2.   "SRCB": "深圳农村商业银行", 
  3.   "BGB": "广西北部湾银行", 
  4.   "SHRCB": "上海农村商业银行", 
  5.   "BJBANK": "北京银行", 
  6.   "WHCCB": "威海市商业银行", 
  7.   "BOZK": "周口银行", 
  8.   "KORLABANK": "库尔勒市商业银行", 
  9.   "SPABANK": "平安银行", 
  10.   "SDEB": "顺德农商银行", 
  11.   "HURCB": "湖北省农村信用社", 
  12.   "WRCB": "无锡农村商业银行", 
  13.   "BOCY": "朝阳银行", 
  14.   "CZBANK": "浙商银行", 
  15.   "HDBANK": "邯郸银行", 
  16.   "BOC": "中国银行", 
  17.   "BOD": "东莞银行", 
  18.   "CCB": "中国建设银行", 
  19.   "ZYCBANK": "遵义市商业银行", 
  20.   "SXCB": "绍兴银行", 
  21.   "GZRCU": "贵州省农村信用社", 
  22.   "ZJKCCB": "张家口市商业银行", 
  23.   "BOJZ": "锦州银行", 
  24.   "BOP": "平顶山银行", 
  25.   "HKB": "汉口银行", 
  26.   "SPDB": "上海浦东发展银行", 
  27.   "NXRCU": "宁夏黄河农村商业银行", 
  28.   "NYNB": "广东南粤银行", 
  29.   "GRCB": "广州农商银行", 
  30.   "BOSZ": "苏州银行", 
  31.   "HZCB": "杭州银行", 
  32.   "HSBK": "衡水银行", 
  33.   "HBC": "湖北银行", 
  34.   "JXBANK": "嘉兴银行", 
  35.   "HRXJB": "华融湘江银行", 
  36.   "BODD": "丹东银行", 
  37.   "AYCB": "安阳银行", 
  38.   "EGBANK": "恒丰银行", 
  39.   "CDB": "国家开发银行", 
  40.   "TCRCB": "江苏太仓农村商业银行", 
  41.   "NJCB": "南京银行", 
  42.   "ZZBANK": "郑州银行", 
  43.   "DYCB": "德阳商业银行", 
  44.   "YBCCB": "宜宾市商业银行", 
  45.   "SCRCU": "四川省农村信用", 
  46.   "KLB": "昆仑银行", 
  47.   "LSBANK": "莱商银行", 
  48.   "YDRCB": "尧都农商行", 
  49.   "CCQTGB": "重庆三峡银行", 
  50.   "FDB": "富滇银行", 
  51.   "JSRCU": "江苏省农村信用联合社", 
  52.   "JNBANK": "济宁银行", 
  53.   "CMB": "招商银行", 
  54.   "JINCHB": "晋城银行JCBANK", 
  55.   "FXCB": "阜新银行", 
  56.   "WHRCB": "武汉农村商业银行", 
  57.   "HBYCBANK": "湖北银行宜昌分行", 
  58.   "TZCB": "台州银行", 
  59.   "TACCB": "泰安市商业银行", 
  60.   "XCYH": "许昌银行", 
  61.   "CEB": "中国光大银行", 
  62.   "NXBANK": "宁夏银行", 
  63.   "HSBANK": "徽商银行", 
  64.   "JJBANK": "九江银行", 
  65.   "NHQS": "农信银清算中心", 
  66.   "MTBANK": "浙江民泰商业银行", 
  67.   "LANGFB": "廊坊银行", 
  68.   "ASCB": "鞍山银行", 
  69.   "KSRB": "昆山农村商业银行", 
  70.   "YXCCB": "玉溪市商业银行", 
  71.   "DLB": "大连银行", 
  72.   "DRCBCL": "东莞农村商业银行", 
  73.   "GCB": "广州银行", 
  74.   "NBBANK": "宁波银行", 
  75.   "BOYK": "营口银行", 
  76.   "SXRCCU": "陕西信合", 
  77.   "GLBANK": "桂林银行", 
  78.   "BOQH": "青海银行", 
  79.   "CDRCB": "成都农商银行", 
  80.   "QDCCB": "青岛银行", 
  81.   "HKBEA": "东亚银行", 
  82.   "HBHSBANK": "湖北银行黄石分行", 
  83.   "WZCB": "温州银行", 
  84.   "TRCB": "天津农商银行", 
  85.   "QLBANK": "齐鲁银行", 
  86.   "GDRCC": "广东省农村信用社联合社", 
  87.   "ZJTLCB": "浙江泰隆商业银行", 
  88.   "GZB": "赣州银行", 
  89.   "GYCB": "贵阳市商业银行", 
  90.   "CQBANK": "重庆银行", 
  91.   "DAQINGB": "龙江银行", 
  92.   "CGNB": "南充市商业银行", 
  93.   "SCCB": "三门峡银行", 
  94.   "CSRCB": "常熟农村商业银行", 
  95.   "SHBANK": "上海银行", 
  96.   "JLBANK": "吉林银行", 
  97.   "CZRCB": "常州农村信用联社", 
  98.   "BANKWF": "潍坊银行", 
  99.   "ZRCBANK": "张家港农村商业银行", 
  100.   "FJHXBC": "福建海峡银行", 
  101.   "ZJNX": "浙江省农村信用社联合社", 
  102.   "LZYH": "兰州银行", 
  103.   "JSB": "晋商银行", 
  104.   "BOHAIB": "渤海银行", 
  105.   "CZCB": "浙江稠州商业银行", 
  106.   "YQCCB": "阳泉银行", 
  107.   "SJBANK": "盛京银行", 
  108.   "XABANK": "西安银行", 
  109.   "BSB": "包商银行", 
  110.   "JSBANK": "江苏银行", 
  111.   "FSCB": "抚顺银行", 
  112.   "HNRCU": "河南省农村信用", 
  113.   "COMM": "交通银行", 
  114.   "XTB": "邢台银行", 
  115.   "CITIC": "中信银行", 
  116.   "HXBANK": "华夏银行", 
  117.   "HNRCC": "湖南省农村信用社", 
  118.   "DYCCB": "东营市商业银行", 
  119.   "ORBANK": "鄂尔多斯银行", 
  120.   "BJRCB": "北京农村商业银行", 
  121.   "XYBANK": "信阳银行", 
  122.   "ZGCCB": "自贡市商业银行", 
  123.   "CDCB": "成都银行", 
  124.   "HANABANK": "韩亚银行", 
  125.   "CMBC": "中国民生银行", 
  126.   "LYBANK": "洛阳银行", 
  127.   "GDB": "广东发展银行", 
  128.   "ZBCB": "齐商银行", 
  129.   "CBKF": "开封市商业银行", 
  130.   "H3CB": "内蒙古银行", 
  131.   "CIB": "兴业银行", 
  132.   "CRCBANK": "重庆农村商业银行", 
  133.   "SZSBK": "石嘴山银行", 
  134.   "DZBANK": "德州银行", 
  135.   "SRBANK": "上饶银行", 
  136.   "LSCCB": "乐山市商业银行", 
  137.   "JXRCU": "江西省农村信用", 
  138.   "ICBC": "中国工商银行", 
  139.   "JZBANK": "晋中市商业银行", 
  140.   "HZCCB": "湖州市商业银行", 
  141.   "NHB": "南海农村信用联社", 
  142.   "XXBANK": "新乡银行", 
  143.   "JRCB": "江苏江阴农村商业银行", 
  144.   "YNRCC": "云南省农村信用社", 
  145.   "ABC": "中国农业银行", 
  146.   "GXRCU": "广西省农村信用", 
  147.   "PSBC": "中国邮政储蓄银行", 
  148.   "BZMD": "驻马店银行", 
  149.   "ARCU": "安徽省农村信用社", 
  150.   "GSRCU": "甘肃省农村信用", 
  151.   "LYCB": "辽阳市商业银行", 
  152.   "JLRCU": "吉林农信", 
  153.   "URMQCCB": "乌鲁木齐市商业银行", 
  154.   "XLBANK": "中山小榄村镇银行", 
  155.   "CSCB": "长沙银行", 
  156.   "JHBANK": "金华银行", 
  157.   "BHB": "河北银行", 
  158.   "NBYZ": "鄞州银行", 
  159.   "LSBC": "临商银行", 
  160.   "BOCD": "承德银行", 
  161.   "SDRCU": "山东农信", 
  162.   "NCB": "南昌银行", 
  163.   "TCCB": "天津银行", 
  164.   "WJRCB": "吴江农商银行", 
  165.   "CBBQS": "城市商业银行资金清算中心", 
  166.   "HBRCU": "河北省农村信用社"
  167. }

utils实现方案

  1. const bankData = require('./data.js')
  3. /** * 得到银行编码 * { String } cardNumber 银行卡号 */
  4. function getBankCode(cardNumber) { 
  5.   return new Promise((resolve, reject) => { 
  6.     wx.showLoading({ 
  7.       title: '加载中',
  8.     })
  9.     wx.request({ 
  10.       url: `https://ccdcapi.alipay.com/validateAndCacheCardInfo.json?_input_charset=utf-8&cardNo=${ cardNumber}&cardBinCheck=true`,
  11.       method: 'GET',
  12.       header: { 
  13.         'Content-Type': 'application/json'
  14.       },
  15.       dataType: 'json',
  16.       success: (res) => { 
  17.         wx.hideLoading()
  18.         resolve(res.data)
  19.       },
  20.       fail: (error) => { 
  21.         reject(error)
  22.       },
  23.       complete: () => { 
  24.         console.log('success和fail都会走这里')
  25.       }
  26.     })
  27.   })
  28. }
  30. /** * 根据编码找到所属行 * { String } code 银行编码 */
  31. function getBankNameByBankCode(code) { 
  32.   let bankName
  33.   Object.keys(bankData).forEach(key => { 
  34.     if (key == code) { 
  35.       bankName = bankData[key]
  36.     }
  37.   })
  39.   return bankName
  40. }
  42. /** * 根据银行卡号得到所属行以及银行的logo(logo不是全不都有) */
  43. export function getBankInfo(bankCode) { 
  44.   return new Promise((resolve, reject) => { 
  45.     getBankCode(bankCode).then(res => { 
  46.       if (res.validated) { 
  47.         // 银行编码
  48.         const bank = res.bank
  49.         const bankName = getBankNameByBankCode(bank)
  50.         let bankType = ''
  51.         switch (res.cardType) { 
  52.           case 'DC':
  53.             bankType = '储蓄卡'
  54.             break
  55.           case 'CC':
  56.             bankType = '信用卡'
  57.             break
  58.           case 'SCC':
  59.             bankType = '准贷记卡'
  60.             break
  61.           case 'PC':
  62.             bankType = '预付费卡'
  63.             break
  64.           default: 
  65.             bankType = ''
  66.         }
  68.         if (bankName == undefined) { 
  69.           // 没有找到对应的银行
  70.           resolve({ 
  71.             code: 1,
  72.             data: null,
  73.             message: '不支持此银行'
  74.           })
  75.         } else { 
  76.           resolve({ 
  77.             code: 0,
  78.             data: { 
  79.               bank,
  80.               bankName,
  81.               bankType
  82.             },
  83.             message: 'success'
  84.           })
  85.         }
  86.       } else { 
  87.         // 银行卡没有查到相关信息
  88.         resolve({ 
  89.           code: 1,
  90.           data: null,
  91.           message: '没有查到银行卡相关信息，请检查！'
  92.         })
  93.       }
  94.     }).catch(err => { 
  95.       console.log(err)
  96.     })
  97.   })
  98. }
  100. /** * 根据银行名的到logo */
  101. export function getBankLogoByBankName(bankName) { 
  102.   let str = ''
  103.   Object.keys(bankData).forEach(key => { 
  104.     if (bankData[key] == bankName) { 
  105.       str = key
  106.     }
  107.   }) 
  109.   return str
  110. }

从阿里图标库上搜索到的一些 银行的logo
image.png

发表评论

表情：
评论列表 （有 0 条评论，133人围观）

还没有评论，来说两句吧...

相关阅读