如何从客户卡号获取信用卡图像?

问题描述 投票:0回答:2

我正在为 React Native 应用程序(和 React Web 应用程序)开发一项功能,该功能允许用户将付款方式保存在应用程序内的虚拟钱包中。当用户输入卡信息时,我想获取卡的实际图像以显示在他们的钱包中。 PayPal、Amazon 和 Apple Pay 都有此功能,我的问题是他们如何以及在哪里获取这些卡图像?看起来亚马逊和 PayPal 都在内部托管他们的图像,但我的问题是他们从哪里开始获取这些图像?他们如何将卡号与正确的图像相关联?

PayPal 空白 Wells Farg 卡图像示例:

https://pics.paypal.com//00/s/OTY5WDE1MzZYUE5H/p/NWFiYWQyMTQtNTY1ZC00NGZmLWJiYTItNGE2ZmQ2MDI3NmEw/image__140.png

PayPal 示例:

Card displayed in PayPal wallet

reactjs react-native payment credit-card
2个回答
0
投票

在上述场景中,用户可以使用下面的卡图像链接并下载卡示例图像,并且根据卡的类型(例如 Visa、rupay、martercard 等),您可以使用不同的图像背景(标签)并显示您的卡React Native 中的数据。

卡片图片链接:https://www.freevector.com/bank-cards-templates#(您也可以从谷歌获得更多信息)

我还创建了一个演示:https://snack.expo.dev/7hwToa0zd

图片链接:https://im.ge/i/FEsMKa


0
投票

他们如何以及从哪里获得这些卡片图像?

这些提供商建立了自己的图像数据库,这对于 PayPal 之类的公司来说很容易做到,因为他们几乎与所有银行 + 网络(Visa 等)合作。也许您可以从 PayPal 抓取一些图像,因为它们都好像是从

https://pics.paypal.com//00/s/OTY5WDE1MzZYUE5H/p/
开始的。

他们如何将卡号与正确的图像相关联

现在这是更容易的部分。大多数支付网络卡的前四到八个数字都与一个机构唯一关联。该号码称为“银行识别号”。这些号码由 ISO 指定为 ISO 7812 的一部分(从技术上讲,他们在每个国家指定一家公司来接受 BIN 申请,在美国是 美国银行家协会,有时公司会出租他们的 BIN 号码但这些细节都不重要)。 您可以使用像

IIN List

这样的服务,VisaMastercard都为自己的卡提供API。其中一些数据源(尤其是免费的)可能已经过时,所以要小心。 因此,要将给定卡号与金融机构关联起来,请确定 BIN。这里的限制仍然是您不知道该卡适用于什么具体产品(例如参考图像中的“白金借记卡”),只有银行知道,而这又是 PayPal 这样的公司占据上风的地方。

© www.soinside.com 2019 - 2024. All rights reserved.