移动应用生物识别认证是多因素身份验证 (MFA) 的有效方法,用于验证个人身份,将拥有移动设备作为第一因素,然后使用应用程序作为第二个因素验证唯一的生物识别标识符。

密码不像以前那样可靠和安全。一些黑客正在与技术进步并行进步。由于这种演变,随着数据泄露的不断发生,网络安全正成为热门话题。鉴于身份盗窃率很高,移动应用程序应使用新方法保护数据。最有效、最有效、最可靠的方法是移动生物识别认证。

零售银行生物识别信心报告的结论是,客户不仅相信生物识别技术是打击身份盗窃的更安全的方法,而且他们需要更多的生物识别技术来应对移动银行业务。以下统计数据描述了 2016 年至 2022 年全球下载生物识别应用的移动生物识别设备所有者所占份额。据评估,到2022年,96.8%的 生物识别验证 设备用户应该下载生物识别应用程序。

为什么要选择世博会

ReactJS 是一个值得信赖的 javascript 库,它提高了 JavaScript 的速度,并利用创新的方式呈现高度动态且响应迅速的网页。响应中的虚拟 DOM 可增强用户体验, 响应模板 可帮助开发人员高效高效地工作。除此之外,响应原生是 Android 和 iOS 的本地应用开发框架,允许 95% 的代码重新利用,其余部分留给设计平台特定的接口。

如果您正在尝试开发移动应用程序,如果您不确定从哪里开始,以及该怎么做,则世博会是最好的选择。开源平台,世博会,用于开发通用的原生应用程序为iOS,安卓系统,和网络与反应和JavaScript。世博会是反应Native的延伸,它提供了广泛的图书馆和组件,以促进移动应用程序的发展过程,在反应原生的帮助下。此外,它还允许访问其他 ABI 以执行常见任务,如与 Facebook 登录、访问手机陀螺仪、从手机中阅读联系人等。

以下是在世博本地认证库的帮助下将指纹认证集成到世博应用中的一系列步骤,以深入了解生物识别认证的优势以及实施过程的简单性

让我们开始吧。

安装

值得庆幸的是,通过世博本地认证库,安装是一个非常易于管理的过程。

运行下面的代码,以防您使用纱线:

纱线添加博览会-本地认证

运行下面的代码,以防您使用npm。

npm i-保存世博会-本地认证

设备兼容性的保证

必须确保用户的设备足够兼容,以利用指纹身份验证。

您必须从博览会本地认证中导入本地认证。

导入*作为"博览会-本地认证"的本地验证;

通过致电我们的设备,可以轻松地确保设备兼容性 LocalAuthentication.hasHardwareAsync()componentDidMount()

此功能返回一个布尔,描述当前设备是否拥有基本硬件。如果功能返回错误,您需要确保用户身份验证的退回选项。

组件迪蒙特({检查硬件=不对称()
 此。检查硬件软件():=>{
 兼容=等待本地验证。
 如果(兼容){
 警报("兼容设备
 "):}
 其他警报('当前设备没有必要的硬件! 

检查生物识别记录

在确保用户的设备与生物识别认证过程兼容后,我们需要确保用户的生物识别记录在他们的操作系统中。

可以通过调用以下方法再次实现这一点: LocalAuthentication.isEnrolledAsync(

此方法还返回一个布尔,它指示是否发现用户生物识别记录。

检查生物识别=不对称()==={
 让生物识别记录=等待本地验证。
 如果(!生物识别记录){
 警报("未发现生物识别物
 ")}其他{
 警报("已找到的生物识别物
 ")}}

生物识别扫描

在保证设备兼容性和用户生物识别记录设置后,我们现在可以进一步进行生物识别扫描。

生物识别扫描通过调用以下方法完成:

LocalAuthentication.authenticateAsync()

此方法将返回具有成功密钥的对象以及描述身份验证是否成功的布尔值。当身份验证失败时,错误密钥包含错误代码 你必须给自己的。相比之下,iOS 具有用户界面 (UI) 提示,您不必做额外的工作。

句柄授权=不对称()//句柄Login()是您的登录功能=+{
句柄Login=不对称()==={
 这.prop.导航.导航("HOME")} 
 结果=等待本地验证。
 如果(结果.成功){
 此。集状态(扫描:真实):则此。集状态(扫描为:真实):则
 为这。汉德洛金
 ):}
 其他警报("身份验证失败
")}

把这一切放在一起

以下代码通过利用世博会本地认证库将登录组件描述为我们身份验证的清理版本。

除了 handleauthentication() 我们前面提到的所有组件的功能外,主要关注功能。

AsyncStorage 中的 USER 变量是您在生物识别技术扫描过程之后的用户名,您在帖子请求中发送了登录应用程序的请求。如果未扫描生物识别技术,并且此过程是登录过程的典型,则必须将数据输入输入输入字段。

导入反应,{组件=从"反应":
导入{按钮}从"。。/组件":
导入{输入}来自"。。/组件":
从"轴向"导入轴向:
导入{非同步存储}从"反应母语":
导入{_storeToken,_clearToken,_storeUser}从"。。。/帮手/非同步存储":
导入*作为"博览会-本地认证"的本地验证;康斯特AUTH_KEY="@AUTH_TOKEN_KEY":
康斯特用户="@USER":组件{构造器道具){
        超级(道具):
        此。状态={
           用户名:"",
           密码:",  
           不正确:错误,
           错误:错误}:
组件迪蒙(){
       此。检查硬件软件():
       此。检查生物测量():     
       如果(!这。状态。扫描)
       此。手柄登录新闻():} =>{
    兼容=等待本地验证。
    如果(兼容){
    警报("兼容设备")
    其他警报('当前设备没有必要的硬件!
检查生物识别=不对称()==={
    让生物识别记录=等待。本地授权。
    如果(!生物识别记录){
    警报("未发现生物识别物
    ")} 
    其他{
    警报("已找到的生物识别物
    ")}}
 =>{
    此。手柄授权
():}: =>{
    结果=等待本地验证

成功){
此。设置状态({已扫描:真实})
康斯特数据={
用户名:”用户名”,//为您的帐户登录数据
密码:”密码”}圆锥头={
“内容类型”:”应用程序/json”,}:
瓦尔温度=此:axios.post(”https://mywebsite.com/login”,数据,{标题:标题})然后(函数结果
如果(结果结果。数据){
康斯特AUTH_TOKEN=结果。数据。令牌:
康斯特AUTH_USER =结果.数据.用户名:
_storeUser(AUTH_USER):
_storeToken(AUTH_TOKEN):
如果(AUTH_TOKEN){
临时。道具.导航导航(”首页”):}
其他{
温度。设置状态({不正确:真实}}}
[)。捕获(函数错误){
临时。设置状态({不正确:真实}):
控制台.log(错误):
其他{
警报(’错误!输入您的用户名和密码!
_login=不对称()=={3
康斯特{名称,密码==此状态:
康斯特数据={名称,密码}:
标题= {“内容类型”:”应用程序/json”}:
瓦尔温度=此:
axios.post(”https://mywebsite.com/login”,数据,{标题:标题})然后(函数结果
如果(结果结果。数据){
康斯特AUTH_TOKEN=结果。数据。令牌:
康斯特AUTH_USER =结果.数据.用户名:
_storeUser(AUTH_USER):
_storeToken(AUTH_TOKEN):
如果(AUTH_TOKEN){
温度. 道具. 导航. 导航 (”主页”):
}
其他{临时。设置状态({不正确:真实}}}
。捕获(函数错误){
临时。设置状态({不正确:真实}):
控制台.log(错误):
};
渲染(){返回(+查看样式][样式.容器]]=输入占位符=”用户名”自动完成类型=”用户名”在ChangeText=[(文本)===此.集状态([用户名:文本])=输入=输入占位符=”密码”自动完成类型=”密码”安全文本输入[真实] 在ChangeText=(文本)==== [此. 状态. 不正确][文本] 正在更正的用户名或密码 [/ 文本= : 空] [ 按按钮] [this._login] [登录]按钮 |[lt; /查看]
);}}
康斯特样式={
容器:{
弹性: 1,
背景颜色:”白色”,
证明”灵活启动”,
对齐网站:”中心”,
填充: 10}
}

结论

祝贺!您现在已成功集成了 运行此应用程序后,您将熟悉生物识别认证的各种优势。

  • 用户友好
  • 易于使用
  • 隐私保护
  • 不再被盗密码

与其他认证方法相比,移动应用的生物识别认证速度快、准确、可靠、安全。由于不怕身份盗窃,也不怕不断发展的黑客,您就不会害怕有人访问您的信息。

Comments are closed.