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

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

银行logo下载地址

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

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

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

2.根据银行编码获取银行logo

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

{
  "SRCB": "深圳农村商业银行", 
  "BGB": "广西北部湾银行", 
  "SHRCB": "上海农村商业银行", 
  "BJBANK": "北京银行", 
  "WHCCB": "威海市商业银行", 
  "BOZK": "周口银行", 
  "KORLABANK": "库尔勒市商业银行", 
  "SPABANK": "平安银行", 
  "SDEB": "顺德农商银行", 
  "HURCB": "湖北省农村信用社", 
  "WRCB": "无锡农村商业银行", 
  "BOCY": "朝阳银行", 
  "CZBANK": "浙商银行", 
  "HDBANK": "邯郸银行", 
  "BOC": "中国银行", 
  "BOD": "东莞银行", 
  "CCB": "中国建设银行", 
  "ZYCBANK": "遵义市商业银行", 
  "SXCB": "绍兴银行", 
  "GZRCU": "贵州省农村信用社", 
  "ZJKCCB": "张家口市商业银行", 
  "BOJZ": "锦州银行", 
  "BOP": "平顶山银行", 
  "HKB": "汉口银行", 
  "SPDB": "上海浦东发展银行", 
  "NXRCU": "宁夏黄河农村商业银行", 
  "NYNB": "广东南粤银行", 
  "GRCB": "广州农商银行", 
  "BOSZ": "苏州银行", 
  "HZCB": "杭州银行", 
  "HSBK": "衡水银行", 
  "HBC": "湖北银行", 
  "JXBANK": "嘉兴银行", 
  "HRXJB": "华融湘江银行", 
  "BODD": "丹东银行", 
  "AYCB": "安阳银行", 
  "EGBANK": "恒丰银行", 
  "CDB": "国家开发银行", 
  "TCRCB": "江苏太仓农村商业银行", 
  "NJCB": "南京银行", 
  "ZZBANK": "郑州银行", 
  "DYCB": "德阳商业银行", 
  "YBCCB": "宜宾市商业银行", 
  "SCRCU": "四川省农村信用", 
  "KLB": "昆仑银行", 
  "LSBANK": "莱商银行", 
  "YDRCB": "尧都农商行", 
  "CCQTGB": "重庆三峡银行", 
  "FDB": "富滇银行", 
  "JSRCU": "江苏省农村信用联合社", 
  "JNBANK": "济宁银行", 
  "CMB": "招商银行", 
  "JINCHB": "晋城银行JCBANK", 
  "FXCB": "阜新银行", 
  "WHRCB": "武汉农村商业银行", 
  "HBYCBANK": "湖北银行宜昌分行", 
  "TZCB": "台州银行", 
  "TACCB": "泰安市商业银行", 
  "XCYH": "许昌银行", 
  "CEB": "中国光大银行", 
  "NXBANK": "宁夏银行", 
  "HSBANK": "徽商银行", 
  "JJBANK": "九江银行", 
  "NHQS": "农信银清算中心", 
  "MTBANK": "浙江民泰商业银行", 
  "LANGFB": "廊坊银行", 
  "ASCB": "鞍山银行", 
  "KSRB": "昆山农村商业银行", 
  "YXCCB": "玉溪市商业银行", 
  "DLB": "大连银行", 
  "DRCBCL": "东莞农村商业银行", 
  "GCB": "广州银行", 
  "NBBANK": "宁波银行", 
  "BOYK": "营口银行", 
  "SXRCCU": "陕西信合", 
  "GLBANK": "桂林银行", 
  "BOQH": "青海银行", 
  "CDRCB": "成都农商银行", 
  "QDCCB": "青岛银行", 
  "HKBEA": "东亚银行", 
  "HBHSBANK": "湖北银行黄石分行", 
  "WZCB": "温州银行", 
  "TRCB": "天津农商银行", 
  "QLBANK": "齐鲁银行", 
  "GDRCC": "广东省农村信用社联合社", 
  "ZJTLCB": "浙江泰隆商业银行", 
  "GZB": "赣州银行", 
  "GYCB": "贵阳市商业银行", 
  "CQBANK": "重庆银行", 
  "DAQINGB": "龙江银行", 
  "CGNB": "南充市商业银行", 
  "SCCB": "三门峡银行", 
  "CSRCB": "常熟农村商业银行", 
  "SHBANK": "上海银行", 
  "JLBANK": "吉林银行", 
  "CZRCB": "常州农村信用联社", 
  "BANKWF": "潍坊银行", 
  "ZRCBANK": "张家港农村商业银行", 
  "FJHXBC": "福建海峡银行", 
  "ZJNX": "浙江省农村信用社联合社", 
  "LZYH": "兰州银行", 
  "JSB": "晋商银行", 
  "BOHAIB": "渤海银行", 
  "CZCB": "浙江稠州商业银行", 
  "YQCCB": "阳泉银行", 
  "SJBANK": "盛京银行", 
  "XABANK": "西安银行", 
  "BSB": "包商银行", 
  "JSBANK": "江苏银行", 
  "FSCB": "抚顺银行", 
  "HNRCU": "河南省农村信用", 
  "COMM": "交通银行", 
  "XTB": "邢台银行", 
  "CITIC": "中信银行", 
  "HXBANK": "华夏银行", 
  "HNRCC": "湖南省农村信用社", 
  "DYCCB": "东营市商业银行", 
  "ORBANK": "鄂尔多斯银行", 
  "BJRCB": "北京农村商业银行", 
  "XYBANK": "信阳银行", 
  "ZGCCB": "自贡市商业银行", 
  "CDCB": "成都银行", 
  "HANABANK": "韩亚银行", 
  "CMBC": "中国民生银行", 
  "LYBANK": "洛阳银行", 
  "GDB": "广东发展银行", 
  "ZBCB": "齐商银行", 
  "CBKF": "开封市商业银行", 
  "H3CB": "内蒙古银行", 
  "CIB": "兴业银行", 
  "CRCBANK": "重庆农村商业银行", 
  "SZSBK": "石嘴山银行", 
  "DZBANK": "德州银行", 
  "SRBANK": "上饶银行", 
  "LSCCB": "乐山市商业银行", 
  "JXRCU": "江西省农村信用", 
  "ICBC": "中国工商银行", 
  "JZBANK": "晋中市商业银行", 
  "HZCCB": "湖州市商业银行", 
  "NHB": "南海农村信用联社", 
  "XXBANK": "新乡银行", 
  "JRCB": "江苏江阴农村商业银行", 
  "YNRCC": "云南省农村信用社", 
  "ABC": "中国农业银行", 
  "GXRCU": "广西省农村信用", 
  "PSBC": "中国邮政储蓄银行", 
  "BZMD": "驻马店银行", 
  "ARCU": "安徽省农村信用社", 
  "GSRCU": "甘肃省农村信用", 
  "LYCB": "辽阳市商业银行", 
  "JLRCU": "吉林农信", 
  "URMQCCB": "乌鲁木齐市商业银行", 
  "XLBANK": "中山小榄村镇银行", 
  "CSCB": "长沙银行", 
  "JHBANK": "金华银行", 
  "BHB": "河北银行", 
  "NBYZ": "鄞州银行", 
  "LSBC": "临商银行", 
  "BOCD": "承德银行", 
  "SDRCU": "山东农信", 
  "NCB": "南昌银行", 
  "TCCB": "天津银行", 
  "WJRCB": "吴江农商银行", 
  "CBBQS": "城市商业银行资金清算中心", 
  "HBRCU": "河北省农村信用社"
}

utils实现方案

const bankData = require('./data.js')

/**
 * 得到银行编码
 * { String } cardNumber 银行卡号
 */
function getBankCode(cardNumber) {
  return new Promise((resolve, reject) => {
    wx.showLoading({
      title: '加载中',
    })
    wx.request({
      url: `https://ccdcapi.alipay.com/validateAndCacheCardInfo.json?_input_charset=utf-8&cardNo=${cardNumber}&cardBinCheck=true`,
      method: 'GET',
      header: {
        'Content-Type': 'application/json'
      },
      dataType: 'json',
      success: (res) => {
        wx.hideLoading()
        resolve(res.data)
      },
      fail: (error) => {
        reject(error)
      },
      complete: () => {
        console.log('success和fail都会走这里')
      }
    })
  })
}

/**
 * 根据编码找到所属行
 * { String } code 银行编码
 */
function getBankNameByBankCode(code) {
  let bankName
  Object.keys(bankData).forEach(key => {
    if (key == code) {
      bankName = bankData[key]
    }
  })

  return bankName
}

/**
 * 根据银行卡号得到所属行以及银行的logo(logo不是全不都有)
 */
export function getBankInfo(bankCode) {
  return new Promise((resolve, reject) => {
    getBankCode(bankCode).then(res => {
      if (res.validated) {
        // 银行编码
        const bank = res.bank
        const bankName = getBankNameByBankCode(bank)
        let bankType = ''
        switch (res.cardType) {
          case 'DC':
            bankType = '储蓄卡'
            break
          case 'CC':
            bankType = '信用卡'
            break
          case 'SCC':
            bankType = '准贷记卡'
            break
          case 'PC':
            bankType = '预付费卡'
            break
          default: 
            bankType = ''
        }

        if (bankName == undefined) {
          // 没有找到对应的银行
          resolve({
            code: 1,
            data: null,
            message: '不支持此银行'
          })
        } else {
          resolve({
            code: 0,
            data: {
              bank,
              bankName,
              bankType
            },
            message: 'success'
          })
        }
      } else {
        // 银行卡没有查到相关信息
        resolve({
          code: 1,
          data: null,
          message: '没有查到银行卡相关信息,请检查!'
        })
      }
    }).catch(err => {
      console.log(err)
    })
  })
}

/**
 * 根据银行名的到logo
 */
export function getBankLogoByBankName(bankName) {
  let str = ''
  Object.keys(bankData).forEach(key => {
    if (bankData[key] == bankName) {
      str = key
    }
  }) 

  return str
}

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

  • 7
    点赞
  • 16
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
可以使用Stripe的Java SDK来实现Stripe支付。首先,前端需要将银行卡信息传递给后端,可以使用Stripe.js来收集银行卡信息并生成一个token,然后将该token发送给后端。后端可以使用Stripe的Java SDK来创建一个Charge对象,将该对象发送给Stripe进行支付。以下是一个简单的Java代码示例: ``` import com.stripe.Stripe; import com.stripe.exception.*; import com.stripe.model.Charge; import java.util.HashMap; import java.util.Map; public class StripePayment { public static void main(String[] args) { // Set your secret key: remember to change this to your live secret key in production // See your keys here: https://dashboard.stripe.com/account/apikeys Stripe.apiKey = "sk_test_..."; // Token is created using Stripe.js or Checkout! // Get the payment token ID submitted by the form: String token = request.getParameter("stripeToken"); // Charge the user's card: Map<String, Object> params = new HashMap<String, Object>(); params.put("amount", 1000); params.put("currency", "usd"); params.put("description", "Example charge"); params.put("source", token); try { Charge charge = Charge.create(params); } catch (CardException e) { // The card has been declined } } } ``` 在上面的代码中,我们首先设置了Stripe的API密钥,然后获取前端传递过来的token,最后创建一个Charge对象并发送给Stripe进行支付。注意,这里的amount参数表示支付的金额,单位为分,所以上面的代码表示支付10美元。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值