当前位置: 首页 > 工具软件 > apifm-flutter > 使用案例 >

使用 apifm 插件进行 Flutter 云开发——图形验证码

苏运良
2023-12-01

知识点回顾

《使用 apifm 插件进行 Flutter 云开发——安装篇》

功能说明

图形验证码的使用场景很多,很多需要考虑安全的场合下都需要使用图形验证码来屏蔽机器人的自动化、批量操作;
功能点:

  1. App上显示图形验证码,点击更换验证码图片;

  2. 输入人眼识别的验证码,然后判断用户输入的验证码和图片上显示的是否一致

使用方法

获取验证码

 Apifm.graphValidateCodeUrl()

该方法会返回两个数据:

  1. key 用以生成验证码图片的随机数,这个值请保存,后期校验图形验证码正确性需要提供该值;
  2. imageUrl 生成的图形验证码的图片的路径,你直接将该图片地址显示在图形控件上即可;

校验输入验证码是否正确

 Apifm.graphValidateCodeCheck(key, code)

key为上面获取方法的key,必须保持一致,否则一直会显示错误;

code 为用户输入的验证码内容

简单两步,简化了本来App端复杂的图形验证码校验实现逻辑

有位大佬告诉我,在做技术选型 / 评估一种新技术的价值,需要从下面3个角度去考虑:

  1. 成本
  2. 效率
  3. 功能

希望你们都能成为我的大佬!

 类似资料: