BinKing是用于创建接受银行卡的皇家形式的工具。BinKing允许您通过卡号获取银行徽标，颜色，电话号码，品牌徽标等。BinKing还帮助验证此类表格。使用BinKing创建一个灵巧且响应迅速的表格来接受银行卡。提高转换率，增加用户忠诚度，减少支持部门的工作量。
要使用该插件，您需要一个API密钥（尚不可用，但这是临时的）或存档中的数据。可以在BinKing网站上的个人帐户中获取密钥和存档。有关可用银行和国家/地区的列表，请参阅此页面。
JSFiddle上提供了使用插件的演示。该演示是有关如何创建付款表格的详细教程的一部分。我们将告诉您并显示如何连接此插件，如何将光标自动移动到下一个字段，如何进行表单验证等等。本文的文本包含完整的示例代码，您可以简单地复制和使用它们。如果您愿意，可以轻松地对其进行修改以满足您的需求。
API (, + ), , , (Visa, MasterCard, ..) 6 . BinKing , , UX (, , ) .
. . : , , . . , . , , .
, , . ? 7 7 ( , , ) — 200 000 ₽. 200 000 ₽ . , 200 000 ₽.
BinKing , ., . , BinKing . . .
, BinKing -. , .
BinKing . API , .
, API . Node.js express. API API, .
const express = require('express')
const fs = require('fs')
const path = require('path')
const app = express()
const banks = fs.fileReadSync(path.resolve(__dirname, 'path/to/data/banks-all.json'))
const bins = fs.fileReadSync(path.resolve(__dirname, 'path/to/data/bins-all.json'))
const withLogos = bank => {
return {
...bank,
bankLogoBigOriginalSvg: bank.bankAlias + '-big-original.svg',
bankLogoBigInvertedSvg: bank.bankAlias + '-big-inverted.svg',
bankLogoSmallOriginalSvg: bank.bankAlias + '-small-original.svg',
bankLogoSmallInvertedSvg: bank.bankAlias + '-small-inverted.svg',
formBankLogoBigSvg: bank.bankAlias + '-big-' + bank.formLogoScheme + '.svg',
formBankLogoSmallSvg: bank.bankAlias + '-small-' + bank.formLogoScheme + '.svg',
}
}
app.get('/form', (req, res) => {
const { cardNumber } = req.query
const cardNumberCuted = cardNumber.replace(/D/g, '').substr(0, 6)
const bankAlias = bins[cardNumberCuted]
const bank = banks[bankAlias]
if (!bank) return res.send('null')
res.send(withLogos(bank))
})
app.get('/bank', (req, res) => {
const { bankAlias } = req.query
const bank = banks[bankAlias]
if (!bank) return res.send('null')
res.send(withLogos(bank))
})
app.get('/banks', (req, res) => {
const { banksAliases } = req.query
const result = banksAliases.split(',').map(bankAlias => {
const bank = banks[bankAlias]
return bank ? withLogos(bank) : null
})
res.send(result)
})-. habr.com/users/iserdmi/posts. . IT-, . , , , .
. , .: , , . , ( , , , ), , : , . , . 2 , , . , : 1 , . ., .
. , . , , . . , .
- , , github.com/iserdmi/card-info/blob/master/README.ru.md, , , habr.com/post/324738 , .
? - . , , , KPI, , , , , . .
. , . . , API, , . , , API. , , , , .
? . , . , , .
CardInfo?
CardInfo — . . , .
我在哪里可以找到档案？
我有。现在，我将以便宜的价格出售，完成时价格会更高。