收藏
回答

滑动验证码微信小程序怎么实现啊

框架类型 问题类型 API/组件名称 终端类型 操作系统 微信版本 基础库版本
小程序 需求 滑动验证码 客户端 6.6.5 1.2

就是现在很流行的滑动验证码 或者点击文字的方式验证


回答关注问题邀请回答
收藏

8 个回答

  • 他油
    他油
    02-04

    很多都是要收费的,有没有免费的午餐呢

    02-04
    有用
    回复
  • Administrator
    Administrator
    2020-06-28

    很简单

    1、准备一张或多张图片

    2、确定需要进行验证的请求

    3、后端将图片像素点提取出来,转换成base64

    4、后端将图片挖空一个局部,将挖空部分的像素点提取出来,转换成base64

    5、后端将像素数据存好,给前端返回这两张图片的base64

    7、前端创建一个canvas将,做交互让用户将两张图片拼接在一起,然后将图片转base64发给后端

    8、后端得到这个base64,转成图片并提取像素点数据,与之前保存的像素数据点数据进行比较,如果差很多,就驳回验证,如果差不多就通过验证



    这个原理就是利用两张图片无法机器自动合并实现验证的,图片本身会有一些特殊处理,譬如肉眼都不容易看清的像素点,隐藏的线条等,大概就是这样的~·

    2020-06-28
    有用
    回复 1
    • Administrator
      Administrator
      2020-06-28
      这种方式已经有破解了,最好是点击选择图案中的某个物体的这种验证才最安全
      2020-06-28
      回复
  • Estel 🇨🇳
    Estel 🇨🇳
    2020-05-15

    现在直接接入第三方的就行,方便而且安全。顶象的:

    https://www.jianshu.com/p/4c5ca266ca12

    2020-05-15
    有用
    回复
  • 一声一生。
    一声一生。
    2018-08-20

    有没有实现了的 大咖

    2018-08-20
    有用
    回复
  • 2018-06-07

    楼主需求实现了吗


    2018-06-07
    有用
    回复 1
    • 尬聊之王
      尬聊之王
      2018-06-07

      没有  换成传统验证方式了

      2018-06-07
      回复
  • 这都申请了
    这都申请了
    2018-03-29

    应该是有的,不过人家愿不愿意分享就是另一回事了。我刚去git上搜看到有不少示例,你找几个js的看能不能套用,比如这个 https://github.com/Hibear/verify

    2018-03-29
    有用
    回复
  • 尬聊之王
    尬聊之王
    2018-03-29

    小程序的有现成的么?我感觉 这个应该有大佬做成插件的形式吧

    2018-03-29
    有用
    回复
  • 这都申请了
    这都申请了
    2018-03-29

    这种最好是网上找现成的慢慢试

    2018-03-29
    有用
    回复
登录 后发表内容